@font-face {
    font-family: 'ToyotaType';
    src: url('../../../plugins/fluentform/assets/fonts/ToyotaType-Book.woff') format('woff2'),
             url('../../../plugins/fluentform/assets/fonts/ToyotaType-Book.woff') format('woff'),
             url('../../../plugins/fluentform/assets/fonts/ToyotaType-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-display: swap;
    font-family: 'Toyota Type-BookIt';
    src: url('../../../plugins/fluentform/assets/fonts/ToyotaType-BookIt.woff') format('woff2'),
             url('../../../plugins/fluentform/assets/fonts/ToyotaType-BookIt.woff') format('woff'),
             url('../../../plugins/fluentform/assets/fonts/ToyotaType-BookIt.ttf') format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'Toyota Type-Regular';
    src: url('../../../plugins/fluentform/assets/fonts/ToyotaType-Regular.woff') format('woff2'),
         url('../../../plugins/fluentform/assets/fonts/ToyotaType-Regular.woff') format('woff'),
         url('../../../plugins/fluentform/assets/fonts/ToyotaType-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'Toyota Type-Semibold';
    src: url('../../../plugins/fluentform/assets/fonts/ToyotaType-Semibold.woff') format('woff2'),
             url('../../../plugins/fluentform/assets/fonts/ToyotaType-Semibold.woff') format('woff'),
             url('../../../plugins/fluentform/assets/fonts/ToyotaType-Semibold.ttf') format('truetype');
    font-weight: 400;
    font-style: normal
}

.nav > li > a, h1, h2, h3, h4, h5, h6 {
    font-family: Toyota Type-Semibold
}

p, a, span, strong, button, li {
    font-family: Toyota Type-Regular
}

.button1 {
    background-color: #333;
    color: #fff;
    padding: 0 40px 0 40px
}

.button2 {
    background-color: #eb0a1e;
    color: #fff;
    padding: 0 40px 0 40px
}

.new-car {
    height: 600px;
    margin-top: 0;
    background-image: var(--wpr-bg-00277727-7716-4c0d-8a98-5bfad30e4193);
    background-position: 0 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.new-car h1.uppercase {
    font-size: 40px;
}

.fl {
    float: left
}

.fr {
    float: right
}

p {
    margin-bottom: 10px
}

.mh-no-margin {
    margin: 0 !important
}

.mh-no-padding {
    padding: 0 !important
}

.mh-no-margin-bottom {
    margin-bottom: 0 !important
}

.mh-no-padding-bottom {
    padding-bottom: 0 !important
}

.mh-font-size-x-large {
    font-size: 25px !important
}

.mh-font-size-large {
    font-size: 22px
}

.mh-font-size-normal {
    font-size: 19px !important
}

.mh-font-size-small {
    font-size: 17px !important
}

.mh-font-small {
    font-size: 14px
}

.mh-font-normal {
    font-weight: normal !important
}

.mh-font-bold {
    font-weight: 700
}

.mh-font-italic {
    font-style: italic
}

.mh-color-primary {
    color: var(--primary-color) !important
}

.mh-text-justify {
    text-align: justify
}

.mh-fontawesome::before, .mh-fontawesome::after, .menu-item > a::before, .menu-item > a::after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 7px
}

.mh-map::before, .menu-item-map a::before {
    content: "\f3c5"
}

.mh-hotline::before, .menu-item-hotline a::before {
    content: "\f2a0"
}

.mh-phone::before, .menu-item-phone a::before {
    content: "\f3cd"
}

.mh-mail::before, .menu-item-mail a::before {
    content: "\f2b6"
}

.mh-flex-row {
    display: flex !important;
    flex-direction: row
}

.mh-list {
    list-style-type: none
}

.mh-list > li {
    margin: 0
}

select, input, textarea, .mh-input {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important
}

input::placeholder, textarea::placeholder, select.mh-input::placeholder, input.mh-input::placeholder, input.mh-input[type='date']::placeholder {
    font-weight: 300
}

.mh-form-2-col, .mh-form-3-col {
    justify-content: space-between;
    align-items: flex-start
}

.mh-form-2-col > label, .mh-form-2-col > div {
    flex-basis: 49%
}

.mh-col-no-divider .is-divider {
    display: none
}

.mh-col-line-bold > .col + .col:not(.large-12) {
    border-width: 2px;
    border-color: #e8e8e8
}

.mh-bg-top-right > .bg {
    background-repeat: no-repeat !important;
    background-size: auto !important;
    background-position: top right
}

.mh-button-small-text span {
    font-size: 14px
}

.mh-title-simple {
    padding: 0
}

.mh-title-simple b {
    display: none
}

.mh-title-simple .section-title, .mh-title-simple .section-title-main {
    border: 0;
    padding: 0;
    margin: 0
}

.mh-title-simple.center .section-title {
    justify-content: center
}

.mh-title-simple.right .section-title {
    justify-content: flex-end
}

.mh-title-simple.light .section-title, .mh-title-simple.light .section-title-main {
    font-weight: 300
}

.mh-title-simple.bold .section-title, .mh-title-simple.bold .section-title-main {
    font-weight: 900
}

.mh-title-simple.italic .section-title, .mh-title-simple.italic .section-title-main {
    font-style: italic
}

.mh-title-simple.initial .section-title-main {
    text-transform: initial;
    position: relative
}

.mh-title-simple.border-left .section-title-main {
    padding-left: 20px;
    border-left: 3px solid var(--primary-color)
}

.mh-slider-custom .flickity-button {
    opacity: 1
}

.mh-slider-custom .flickity-button > svg {
    display: none
}

.mh-slider-custom .flickity-button.previous::before, .mh-slider-custom .flickity-button.next::before, .mh-slider-custom .mh-prev-next-button::before {
    content: '';
    height: 28px;
    width: 28px;
    display: block;
    transform: translate(0, -50%) rotate(45deg);
    -moz-transform: translate(0, -50%) rotate(45deg);
    -webkit-transform: translate(0, -50%) rotate(45deg);
    -o-transform: translate(0, -50%) rotate(45deg);
    z-index: 2
}

.mh-slider-custom.light .flickity-button.previous::before, .mh-slider-custom.light .mh-prev-next-button.previous::before {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff
}

.mh-slider-custom.light .flickity-button.next::before, .mh-slider-custom.light .mh-prev-next-button.next::before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff
}

.mh-slider-custom .dot {
    position: relative;
    width: 10px;
    height: 10px
}

.mh-slider-custom .dot::before {
    content: "";
    position: absolute;
    top: -7px;
    bottom: -7px;
    right: -7px;
    left: -7px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    border: solid 1px #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.mh-slider-custom .dot.is-selected::before {
    opacity: 1;
    visibility: initial;
    -webkit-transform: initial;
    -ms-transform: initial;
    -o-transform: initial;
    transform: initial
}

.mh-breadcrumbs {
    background-color: transparent !important
}

.mh-breadcrumbs > .page-title-bg {
    display: none
}

.mh-breadcrumbs .page-title-inner, .mh-breadcrumbs .title-breadcrumbs {
    padding: 0
}

.mh-breadcrumbs .woocommerce-breadcrumb, .mh-breadcrumbs .woocommerce-breadcrumb a {
    color: #555;
    font-size: 14px;
    text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    -o-text-shadow: none;
    font-weight: 400
}

.mh-breadcrumbs .woocommerce-breadcrumb a {
    color: var(--primary-color)
}

.mh-before-footer p {
    font-size: 13px
}

.mh-before-footer a {
    color: var(--primary-color)
}

.mh-list-support {
    list-style-type: none;
    margin: 15px 0
}

.mh-list-support li {
    margin-left: 0 !important
}

.mh-list-support li span {
    min-width: 35%;
    display: inline-block
}

.mh-list-support li a {
    font-weight: 700;
    color: var(--primary-color);
    font-size: 22px
}

.mh-icon-social .icon-box-text h3 {
    text-transform: uppercase;
    color: var(--primary-color);
    margin-bottom: 0;
    font-size: 15px
}

.mh-col-footer .widget {
    padding: 0;
    margin: 0
}

.mh-col-footer span.widget-title {
    display: block;
    margin-bottom: 20px
}

.mh-col-footer .menu > li {
    border: 0
}

.mh-col-footer .menu > li > a {
    font-size: 13px;
    padding: 3px 0
}

.mh-col-footer-1 {
    overflow: hidden
}

.mh-col-footer-1 .menu > li {
    width: 50%;
    float: left
}

.absolute-footer {
    display: none
}

.mh-copyright .icon-box-text {
    padding-left: 50px !important
}

.mh-copyright a, .mh-copyright p {
    font-size: 13px;
    color: #999;
    margin-bottom: 0
}

.mh-copyright b, .mh-copyright span {
    color: #c8102e
}

.mh-copyright a:hover {
    color: #fff
}

.mh-col-bottom-register p {
    font-size: 13px;
    color: #999
}

.mh-col-bottom-register a {
    color: #ccc;
    font-size: 14px
}

.mh-col-bottom-register .wpcf7-form {
    margin-bottom: 10px
}

.mh-col-bottom-register .mh-input, .mh-col-bottom-register .mh-submit {
    min-height: 40px;
    border-color: #999
}

.mh-col-bottom-register .mh-input {
    background-color: transparent;
    color: #999
}

.mh-col-bottom-register .mh-submit {
    border-color: #999;
    text-transform: initial;
    background-color: #999999 !important
}

.blog-wrapper .is-divider, .blog-wrapper .badge {
    display: none
}

.blog-wrapper > .row {
    max-width: 1170px !important
}

.blog-wrapper > .row > .col {
    padding: 0 15px 30px
}

.blog-archive .archive-page-header .page-title {
    font-size: 30px;
    font-weight: 300;
    margin: 15px 0 45px
}

.blog-archive .archive-page-header .page-title::before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -25px;
    width: 100px;
    border-bottom: solid 1px var(--primary-color)
}

.blog-archive .col.post-item .box-blog-post {
    border-bottom: 1px solid #eee;
    display: flex;
    flex-direction: row-reverse
}

.blog-archive .col.post-item .box-image {
    width: 60% !important
}

.blog-archive .col.post-item .box-text {
    padding-top: 0;
    padding-left: 0;
    vertical-align: top
}

.blog-archive .col.post-item .box-text-inner {
    display: flex;
    flex-direction: column
}

.blog-archive .col.post-item .box-text .post-title {
    text-transform: uppercase;
    font-size: 16px;
    margin: 0 0 10px;
    order: 1
}

.blog-archive .col.post-item .box-text .post-meta, .blog-archive .col.post-item .box-text .from_the_blog_excerpt {
    font-size: 13px;
    margin: 0 0 5px
}

.blog-archive .col.post-item .box-text .post-meta {
    order: 2;
    color: #999
}

.blog-archive .col.post-item .box-text .from_the_blog_excerpt {
    order: 3
}

.blog-single .entry-header .entry-category {
    display: none
}

.blog-single .entry-header .entry-title {
    font-size: 25px;
    margin-bottom: 10px
}

.widget-area aside.widget, .sidebar-inner aside.widget {
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    background-color: #f6f6f6
}

aside.widget .is-divider {
    display: none
}

.widget-area aside.widget .widget-title, .sidebar-inner aside.widget .widget-title {
    font-weight: 400;
    display: block;
    background-color: var(--primary-color);
    color: #fff;
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    text-transform: uppercase;
    padding: 15px 20px
}

.widget-area aside.widget ul > li, .sidebar-inner aside.widget ul > li {
    padding: 10px 0 10px 20px;
    position: relative
}

.widget-area aside.widget ul > li > a, .sidebar-inner aside.widget ul > li > a {
    padding: 0;
    font-size: 13px;
    width: 100%
}

.widget-area aside.widget ul > li::after, .sidebar-inner aside.widget ul > li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    border-bottom: solid 1px #c8102e;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 1
}

.widget-area aside.widget ul > li:hover::after, .sidebar-inner aside.widget ul > li:hover::after {
    right: 0
}

.widget-area aside.widget ul.menu > li > a::before, .sidebar-inner aside.widget ul.menu > li > a::before {
    content: "\f054";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 7px;
    font-size: 9px
}

.widget-area aside.widget ul.product-categories > li > a::before, .sidebar-inner aside.widget ul.product-categories > li > a::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 7px;
    font-size: 13px
}

.widget-area aside.widget ul.product-categories > li > a::before, .sidebar-inner aside.widget ul.product-categories > li > a::before {
    content: "\f0c8";
    color: #ccc
}

.widget-area aside.widget ul.product-categories > li.active > a::before, .sidebar-inner aside.widget ul.product-categories > li.active > a::before {
    content: "\f14a";
    color: var(--primary-color)
}

.shop-page-title {
    display: none
}

.product-small.box .box-text-products {
    padding: 5px;
    background-color: #fafafa
}

.product-small.box .name.product-title {
    margin: 0 0 5px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.product-small.box .name.product-title a {
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600
}

.product-small.box .price-wrapper .price {
    margin: 0 0 10px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center
}

.product-small.box .mh-price-prefix {
    font-size: 16px;
    font-weight: 700;
    margin-right: 5px
}

.product-small.box .box-text-products span.amount {
    color: #fff;;
    font-size: 16px
}

.product-small.box .box-text-products .mh-car-info {
    margin: 0 0 3px
}

.product-small.box .box-text-products .mh-car-info::before {
    content: "\f111";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 7px;
    color: rgb(51, 51, 51);
    position: relative;
    top: -3px;
    font-size: 5px
}

.mh-col-info .add-to-cart-container .single_variation_wrap {
    display: none !important
}

.mh-col-info .variations > tbody > tr {
    display: flex;
    flex-direction: column
}

.mh-col-info .variations > tbody > tr .label {
    font-size: 16px
}

.mh-col-info .mh-box-price {
    background-color: var(--primary-color);
    color: #fff;
    padding: 10px 25px;
    padding-left: 60px;
    position: relative;
    border-radius: 5px;
    margin-bottom: 20px;
    max-width: 300px
}

.mh-col-info .mh-box-price::before {
    content: "\f155";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 7px;
    font-size: 35px;
    position: absolute;
    left: 20px;
    top: 5px
}

.mh-col-info .mh-box-price p, .mh-col-info .product-page-price {
    margin-bottom: 0
}

.mh-col-info .product-page-price .mh-price-prefix {
    display: none
}

.mh-col-info .product-page-price span.amount {
    color: #fff
}

.mh-col-info .button span {
    font-weight: 400;
    font-size: 14px
}

.mh-col-info .button i {
    font-size: 20px
}

.mh-col-gift > .col-inner {
    background-color: #e4ebf3;
    color: #1c1c1c;
    border: 1px dashed #fd625e;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.mh-col-gift > .col-inner h3 {
    text-align: center;
    margin-top: -30px;
    margin-bottom: 20px
}

.mh-col-gift > .col-inner h3 span {
    min-width: 95%;
    display: inline-block;
    background-color: #eb0a1e;
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    -o-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1)
}

.mh-col-gift > .col-inner ul {
    list-style-type: none
}

.mh-col-gift > .col-inner ul > li {
    border-bottom: 1px dashed #59a9ed;
    margin-left: 0;
    padding-bottom: 5px
}

.mh-col-gift > .col-inner ul > li::before {
    content: "\f79c";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 7px;
    color: #eb0a1e
}

.mh-col-related .related {
    border-top: 0
}

.mh-col-related .related h3 {
    display: none
}

.mh-product-content .woocommerce-tabs .section {
    padding-left: 0;
    padding-right: 0
}

.mh-product-content .product-tabs {
    display: none
}

.mh-row-gallery-product > .col:nth-child(1) {
    border-right: 2px solid #fff
}

.mh-row-gallery-product > .col:nth-child(2) {
    border-left: 2px solid #fff
}

.mh-box-technology .box-image {
    margin-bottom: 15px
}

.mh-box-technology .box-text {
    border-left: solid 3px #ddd
}

.mh-box-technology .box-text h4 {
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.mh-box-technology .box-text p {
    font-size: 12px;
    line-height: 20px;
    color: #555
}

.mh-col-tabs-technology .tabbed-content > ul > li > a {
    background-color: #fff;
    padding: 10px 40px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px
}

.mh-col-tabs-technology .tabbed-content > ul > li.active > a {
    color: #fff;
    background-color: var(--primary-color)
}

.mh-col-tabs-technology .tabbed-content .tab-panels {
    padding-top: 40px
}

.mh-table-technology {
    overflow-x: auto
}

.mh-table-technology table {
    border-spacing: 0;
    border-collapse: collapse;
    background-color: #fff;
    border-right: 1px solid #ddd;
    border-bottom: 2px solid #ddd
}

.mh-table-technology th, .mh-table-technology td {
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
    padding: 15px
}

.mh-box-category .box-text-inner p {
    font-size: 14px;
    margin: 0 0 5px
}

.mh-box-category .box-text-inner p span {
    color: var(--primary-color);
    font-weight: 700;
    font-size: 17px
}

.mh-box-category .box-text-inner .mh-button-register {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.mh-box-category .box-text-inner .button {
    margin: 0;
    font-weight: 400;
    font-size: 13px
}

.mh-box-category .box-text-inner .button i {
    color: var(--primary-color)
}

.mh-col-title-services {
    overflow: hidden
}

.mh-col-title-services .section-title-main {
    width: 450px;
    height: 450px;
    background-color: #fff;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    text-align: center;
    position: absolute;
    padding-top: 330px;
    top: -270px
}

.mh-col-title-services .section-title-main::before {
    content: "";
    position: absolute;
    bottom: -180px;
    left: -220px;
    right: -220px;
    top: -220px;
    background: var(--wpr-bg-84354e89-c937-406d-8eaa-8653e422c1f9) no-repeat center bottom;
    pointer-events: none
}

.mh-box-services .icon-inner img {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    border: 2px solid #fff;
    padding: 0
}

.mh-box-services .icon-box-text {
    padding: 10px 0 0
}

.mh-box-services .icon-box-text h3 {
    text-transform: uppercase;
    font-size: 17px
}

.mh-box-services {
    position: absolute
}

.mh-box-services-1, .mh-box-services-6 {
    top: -330px
}

.mh-box-services-2, .mh-box-services-5 {
    top: -110px
}

.mh-box-services-2 {
    left: -65px
}

.mh-box-services-5 {
    right: -65px
}

.mh-box-services-3 {
    left: -30px
}

.mh-box-services-4 {
    right: -30px
}

.mh-blog-grid .box-text .post-title {
    margin: 0 0 5px
}

.mh-blog-grid .box-text .post-meta, .mh-blog-grid .box-text .from_the_blog_excerpt {
    font-size: 13px;
    margin: 0
}

.mh-list-contact {
    list-style-type: none;
    margin-bottom: 0
}

.mh-list-contact > li {
    margin: 0 0 5px !important
}

.mh-list-contact > li i {
    color: #bbb;
    font-size: 13px;
    margin-right: 10px
}

.mh-col-contact label {
    position: relative
}

.mh-col-contact label span {
    color: #555;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 15px
}

.mh-col-contact label i {
    position: absolute;
    top: 45px;
    left: 10px;
    color: #999;
    z-index: 1
}

.mh-col-contact .mh-input {
    border: 1px solid #eee;
    background-color: #f2f5f8;
    padding-left: 30px
}

.mh-col-contact input.mh-input {
    min-height: 45px
}

.mh-col-contact textarea.mh-input {
    min-height: 145px
}

.mh-col-contact .mh-submit {
    min-height: 45px;
    min-width: 120px;
    font-weight: 400
}

@media only screen and (min-width: 320px) and (max-width: 860px) {
    .header-main {
        min-height: 50px
    }

    .mh-col-title-services .section-title-main::before {
        display: none
    }

    .mh-box-services {
        position: static
    }

    .mh-col-tabs-technology .tabbed-content > ul > li > a {
        margin-bottom: 10px
    }
}

.wrapDd {
    max-width: 370px;
    margin: 0 auto
}

.wrapDd2 {
    max-width: 420px;
    margin: 0 auto
}

.txtEss {
    font-size: 13px;
    line-height: 21px
}

.txtEss .t1 {
    font-weight: 600;
    text-decoration: underline
}

.boxEss ul {
    list-style: none;
    padding: 0px !important;
    margin: 0px !important
}

.boxEss ul li {
    margin-left: 0px !important
}

.sectionEstimate .img {
    text-align: center;
    margin-bottom: 20px
}

.sectionEstimate .img img {
    max-width: 90%;
    max-height: 90%
}

.sectionEstimate .tend {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase
}

.sectionEstimate label {
    font-weight: 400
}

.sectionEstimate input, .sectionEstimate select, .sectionEstimate textarea {
    width: 100%;
    height: 40px;
    background: #f6f6f6;
    border-radius: 5px;
    padding: 0 10px;
    border: none
}

.sectionEstimate textarea {
    height: 150px;
    padding: 10px;
    resize: none
}

.sectionEstimate select {
    -webkit-appearance: none
}

.sectionEstimate .formFa {
    position: relative
}

.sectionEstimate .formFa:before {
    font-family: fontAwesome;
    position: absolute;
    right: 10px;
    top: 9px;
    color: #ccc
}

.sectionEstimate .txt-ess {
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 5px
}

.sectionEstimate .txt-price {
    font-size: 33px;
    line-height: 41px;
    font-weight: 700;
    text-transform: uppercase;
    color: #c8102e;
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative
}

.sectionEstimate .txt-price:before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 60px;
    border-bottom: solid 5px #e4e4e4;
    bottom: 0
}

.sectionEstimate .txt-ex {
    text-align: center;
    color: #666;
    margin-bottom: 20px
}

.sectionEstimate .txt-ex span {
    font-size: 15px;
    line-height: 23px;
    color: #c8102e;
    font-weight: 700
}

.sectionEstimate .gridBtnEs {
    margin: 0 -10px
}

.sectionEstimate .gridBtnEs:after {
    content: "";
    display: block;
    clear: both
}

.sectionEstimate .gridBtnEs .col {
    width: 50%;
    float: left;
    padding: 0 10px
}

.sectionEstimate .gridBtnEs a {
    display: block;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    padding: 9px 10px;
    background: #c8102e;
    margin-bottom: 20px
}

.sectionEstimate .gridBtnEs a span {
    padding-right: 15px;
    position: relative
}

.sectionEstimate .gridBtnEs a span:before {
    content: "\f105";
    font-family: fontAwesome;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sectionEstimate .gridBtnEs a:hover {
    background: #e62129
}

.sectionEstimate .gridBtnEs a.sup {
    background: #4d4d4d
}

.sectionEstimate .gridBtnEs a.sup:hover {
    background: #c8102e
}

.boxEss {
    margin-bottom: 30px
}

.boxEss .title {
    background: #c8102e;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-transform: uppercase;
    padding: 14px 20px;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    font-weight: 600
}

.boxEss .content {
    background: #f6f6f6;
    padding: 15px 20px
}

.boxEss .content.v1 {
    background: #e5e5e5
}

.boxEss ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px rgba(0, 0, 0, .1)
}

.boxEss ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
}

.boxEss ul li .ti {
    font-size: 13px;
    line-height: 21px;
    font-weight: 600
}

.boxEss ul li .tx {
    font-size: 12px;
    line-height: 20px;
    color: #555
}

.boxEss .bot {
    background: #4d4d4d;
    text-align: right;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    padding: 15px 25px
}

.formEssti {
    margin-bottom: 70px
}

.formCalc {
    padding-bottom: 25px;
    margin-bottom: 15px;
    border-bottom: solid 1px rgba(0, 0, 0, .15)
}

.formCalc.nob {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.formCalc label {
    width: 160px;
    font-weight: 400;
    text-align: right;
    float: left;
    padding-right: 15px;
    min-height: 1px;
    margin-bottom: 0;
    padding: 9px 0
}

.formCalc label.error {
    color: red;
    width: 100%;
    text-align: left
}

.formCalc.now label, .formCalc.now .colRight {
    width: 100%;
    font-weight: 400
}

.formCalc label.s {
    font-weight: 700;
    text-align: left
}

.formCalc label.tl {
    text-align: left
}

.formCalc .colRight {
    width: -webkit-calc(100% - 160px);
    width: -moz-calc(100% - 160px);
    width: -o-calc(100% - 160px);
    width: calc(100% - 160px);
    overflow: hidden
}

.formCalc .colRight.df {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.formCalc input.w {
    background: #ddd
}

.formCalc input.s {
    margin-bottom: 10px
}

.formCalc .button {
    width: 180px;
    height: 50px;
    background: #c8102e;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    padding: 0 15px;
    font-size: 16px;
    line-height: 50px;
    border-radius: 8px;
    margin-top: 40px;
    padding-top: 2px
}

.formCalc .button:hover {
    background: #e62129
}

.formCalc .nut {
    width: 270px;
    text-align: left;
    position: relative
}

.formCalc .button.v2 {
    width: 270px;
    text-align: left;
    position: relative
}

.formCalc .nut i {
    color: #fff;
    position: absolute;
    right: 15px;
    top: 48%;
    font-size: 20px;
    line-height: 30px
}

.formCalc .other {
    padding-left: 26px;
    position: relative;
    margin-bottom: 10px;
    margin-bottom: 10px;
    cursor: pointer
}

.formCalc .other:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border: solid 2px #333;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.formCalc .other.active:after {
    content: "\f00c";
    font-family: fontAwesome;
    position: absolute;
    left: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 10px
}

.formCalc .inputOther {
    display: none
}

.formCalc .txtRed {
    color: #e21428
}

.txtCalc {
    padding-left: 40px;
    position: relative
}

.txtCalc .pos {
    position: absolute;
    top: 0;
    left: 0
}

.txtCalc p {
    padding: 0;
    color: #666
}

@media all and (max-width: 991px) {
    .sectionEstimate .tend {
        margin-bottom: 25px
    }

    .next_step {
        float: none;
        text-align: center
    }
}

@media all and (max-width: 360px) {
    .sectionEstimate .txt-price {
        font-size: 25px;
        line-height: 33px
    }
}

.next_step {
    width: 100%
}

.next_step .btns {
    border: none;
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
    background: #4d4d4d;
    color: #fff;
    border-radius: 5px;
    padding: 14px 5px;
    text-align: center;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 100%
}

.next_step .btns i {
    color: #fff;
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 20px;
    line-height: 30px
}

.next_step .btns:hover {
    background: #c8102e
}

#menuFixed:hover li .divText {
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%)
}

.menuFixed {
    position: fixed;
    top: 40%;
    right: 0;
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    z-index: 999999;
    cursor: pointer;
    pointer-events: none
}

.menuFixed li {
    display: block;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #fff;
    width: 100%;
    height: 0;
    right: 0;
    clear: both
}

.menuFixed li a {
    color: #fff
}

.menuFixed li .divText {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 50px;
    padding-right: 50px;
    z-index: 1;
    background-color: #4d4d4d;
    border-top: solid 1px #666;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    pointer-events: auto
}

.menuFixed li.gt .divText {
    background-color: #8904b5
}

.menuFixed li:hover .divText {
    background-color: #c8102e
}

.menuFixed li .divText span {
    color: #fff
}

.menuFixed li .divText > span {
    display: block;
    font-size: 14px;
    line-height: 23px;
    padding: 13px 10px 0 25px
}

.menuFixed li .divText .social {
    padding: 0
}

.menuFixed li .divText .social > span {
    float: left;
    display: block;
    width: 50px;
    height: 50px;
    font-size: 18px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.menuFixed li .divText .social > span i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.menuFixed li .divText .social .facebook:hover {
    background: #305891
}

.menuFixed li .divText .social .google:hover {
    background: #d34836
}

.menuFixed li .divText .social .plug:hover {
    background: red
}

.menuFixed li .divText .social .twitter:hover {
    background: #1da1f2
}

.menuFixed li .divIcon {
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    width: 49px;
    height: 50px;
    top: 0;
    right: 0;
    background-color: #4d4d4d;
    border-top: solid 1px #666;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    pointer-events: auto;
    font-size: 22px;
    line-height: 30px
}

.menuFixed li.gt .divIcon {
    background-color: #620083
}

.menuFixed li:hover .divIcon {
    background-color: #c8102e
}

.menuFixed li:hover {
    background-color: #d25a0c
}

.menuFixed li.liShare:hover .divText, .menuFixed li.liShare:hover .divIcon {
    background-color: #488058
}

.menuFixed li:hover .divText .social a {
    color: #fff
}

.style_step {
    display: block;
    margin-bottom: 50px
}

.style_step ul {
    text-align: center
}

.style_step ul li {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0 60px
}

.style_step ul li:first-child {
    margin-left: 0
}

.style_step ul li:last-child {
    margin-right: 0
}

.style_step ul li ~ li:after {
    content: "";
    position: absolute;
    right: 95%;
    height: 10px;
    width: 130px;
    background: #f6f6f6;
    top: 30px
}

.style_step ul li:last-child .number {
    padding-top: 10px
}

.style_step ul li .number {
    display: block;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
    padding-top: 6px;
    border: solid 10px #f6f6f6;
    color: #ddd;
    font-weight: 600;
    position: relative;
    z-index: 1
}

.style_step ul li .text {
    font-size: 13px;
    line-height: 21px;
    display: block;
    position: absolute;
    top: 80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.style_step ul li.active .number {
    background: #c8102e;
    border-color: #c8102e;
    color: #fff
}

.style_step ul li.active:after {
    background: #c8102e
}

.head_step {
    margin-bottom: 25px
}

.head_step:after {
    content: "";
    display: block;
    clear: both
}

.title_step {
    display: inline-block;
    float: left;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    padding-left: 15px;
    border-left: solid 3px #c8102e
}

.next_step {
    float: right
}

.next_step .btns {
    border: none;
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
    background: #4d4d4d;
    color: #fff;
    border-radius: 5px;
    padding: 14px 5px;
    width: 210px;
    text-align: center;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.next_step .btns span {
    padding-right: 15px;
    position: relative
}

.next_step .btns:hover {
    background: #c8102e
}

#form_quick_view > .row {
    border-bottom: 1px solid #DDD;
    vertical-align: middle !important;
    line-height: 60px;
    height: 60px;
    padding-top: 0;
    padding-bottom: 0
}

.chiphi_title {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    color: #c8102e
}

.chiphi_right_col {
    text-align: right;
    vertical-align: middle !important;
    line-height: 60px;
    height: 60px
}

.two_button a.button.is-large {
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-bottom: 0px !important;
    width: calc(50% - 2px);;
    display: inline-block
}

.txtEss {
    font-size: 13px;
    line-height: 21px
}

.txtEss .t1 {
    font-weight: 600;
    text-decoration: underline
}

.chi-tiet-xe-menu > .col {
    padding-bottom: 0px !important
}

.menuProductWrap {
    margin-bottom: 0px !important;
    position: relative;
    z-index: 100
}

.menuProduct {
    background: #4d4d4d;
    margin-bottom: 0px !important
}

.menuProduct ul:after {
    content: "";
    display: block;
    clear: both
}

.menuProduct ul {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    list-style-type: none
}

.menuProduct ul li {
    float: left;
    border-right: solid 1px rgba(255, 255, 255, .15);
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    margin: 0px !important;
    margin-left: 0px !important
}

.menuProduct ul li:last-child {
    border-right: none
}

.menuProduct ul li a {
    padding: 11px 25px;
    text-align: center;
    display: block;
    color: #fff
}

.menuProduct ul li.active a, .menuProduct ul li a:hover {
    background: #c8102e
}

.menuProduct ul li a img {
    max-height: 30px;
    max-width: 60px
}

.menuProduct ul li a span {
    display: block;
    margin-top: 6px
}

.scroll-to-bullets.hide-for-medium {
    visibility: hidden !important;
    display: none !important
}

.mh-all-car .tabbed-content > ul {
    margin-bottom: 20px
}

.mh-all-car .tabbed-content > ul > li {
    margin: 0
}

.mh-all-car .tabbed-content > ul > li > a {
    text-transform: initial;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    border-bottom: 1px solid #000
}

.mh-all-car .tabbed-content > ul > li.active > a {
    color: #C4161C
}

.mh-all-car .tabbed-content > ul > li > a::before {
    bottom: 0;
    top: auto
}

.mh-col-color-car .mh-tabs {
    list-style-type: none;
    margin: 0;
    flex-wrap: wrap
}

.mh-col-color-car .mh-tabs > li {
    width: 60px;
    height: 60px;
    padding: 5px;
    margin: 0;
    border: 1px solid transparent;
    background-color: transparent
}

.mh-tab-item {
    display: none
}

.mh-col-color-car .mh-tabs > li.active {
    border-color: rgba(0, 0, 0, .5)
}

.mh-col-color-car .mh-tabs > li a {
    color: transparent;
    width: 100%;
    height: 100%;
    display: flex;
    border: 1px solid rgba(0, 0, 0, .1)
}

.mh-col-color-car .mh-tabs > li.mh-red a {
    background-color: #C70000
}

.mh-col-color-car .mh-tabs > li.mh-silver a {
    background-color: #999
}

.mh-col-color-car .mh-tabs > li.mh-black a {
    background-color: #000
}

.mh-col-color-car .mh-tabs > li.mh-brown a {
    background-color: #41352b
}

.mh-col-color-car .mh-tabs > li.mh-grey a {
    background-color: #5f6363
}

.mh-col-color-car .mh-tabs > li.mh-orange a {
    background-color: #9c4000
}

.mh-col-color-car .mh-tabs > li.mh-white a {
    background-color: #fff
}

.mh-col-color-car .mh-tabs > li.mh-blue a {
    background-color: #122a41
}

.entry-header .is-divider {
    height: 1px;
    background-color: var(--primary-color) !important
}

.entry-header .entry-title {
    font-weight: 400 !important;
    font-size: 28px;
    text-transform: uppercase
}

#top-link {
    border-color: var(--primary-color)
}

.product-small.col .product-small.box .price-wrapper {
    position: reverse;
    float: right;
    padding: 15px 4px 4px 15px;
    margin-left: 5px;
    background-color: var(--primary-color);
    text-align: right;
    color: #fff;
    z-index: 665 !important;
    font-size: 13px
}

.product-small.col .product-small.box .price-wrapper .price .amount {
    z-index: 999999 !important;
    font-size: 14px
}

.product-small.col .product-small.box .title-wrapper {
    float: left;
    color: #232628;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    width: 230px
}

.mh-col-book .mh-checkbox-circle {
    text-align: center !important;
    margin-bottom: 50px !important
}

.mh-col-book .mh-checkbox-circle .wpcf7-list-item {
    position: relative;
    margin-right: 30px
}

.mh-col-book .mh-checkbox-circle .wpcf7-list-item > input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    left: 0;
    margin: 0;
    height: 100%;
    z-index: 9999
}

.mh-col-book .mh-checkbox-circle .wpcf7-list-item > span.wpcf7-list-item-label::before {
    height: 80px;
    line-height: 80px;
    display: block;
    padding-top: 10px
}

.mh-col-book .mh-checkbox-circle .wpcf7-list-item > span.wpcf7-list-item-label::after {
    content: "\f0c8";
    font-family: "Font Awesome 5 Free";
    font-size: 20px
}

.mh-col-book .mh-checkbox-circle .wpcf7-list-item > span.wpcf7-list-item-label {
    min-width: 128px;
    min-height: 128px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 12px;
    color: #fff;
    border: 2px solid #C4161C;
    background-color: #C4161C !important;
    background-repeat: no-repeat;
    background-position: 50% 10%;
    vertical-align: bottom
}

.mh-col-book .mh-checkbox-circle .wpcf7-list-item > input:checked + span {
    color: #fff;
    border: 2px solid #000
}

.mh-col-book .mh-checkbox-circle .wpcf7-list-item > input:checked + span.wpcf7-list-item-label::after {
    content: "\f14a";
    font-family: "Font Awesome 5 Free"
}

.mh-col-book .mh-checkbox-circle .wpcf7-list-item:nth-child(1) > span.wpcf7-list-item-label {
    background-image: var(--wpr-bg-8d8ce985-4d91-4883-879f-abcc8027ab55)
}

.mh-col-book .mh-checkbox-circle .wpcf7-list-item:nth-child(2) > span.wpcf7-list-item-label {
    background-image: var(--wpr-bg-59fe4f29-b6e5-49e4-9c37-3bc464ef4cb0)
}

.mh-col-book .mh-checkbox-circle .wpcf7-list-item:nth-child(3) > span.wpcf7-list-item-label {
    background-image: var(--wpr-bg-d945ebca-82b3-47d2-a711-c5051b0e323a)
}

.mh-col-book .mh-checkbox-circle .wpcf7-list-item:nth-child(4) > span.wpcf7-list-item-label {
    background-image: var(--wpr-bg-79077630-d27a-4008-a419-b626af3a4198);
    background-position: 50% 30%
}

.mh-col-book .mh-checkbox-circle .wpcf7-list-item:nth-child(5) > span.wpcf7-list-item-label {
    background-image: var(--wpr-bg-9b5ffebc-8fa5-4798-b3cc-5b2873781bce)
}

.sectionBook .txtDes {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 40px
}

.sectionBook .txtDes strong {
    color: var(--primary-color)
}

.div-block-81 {
    display: block;
    background-color: #0e0e0e;
    background-image: none !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 60px solid #fff
}

.div-block-81 .image-36 {
    position: absolute;
    display: block;
    height: auto;
    margin-top: 0;
    margin-left: auto;
    float: right
}

@media all and (max-width: 991px) {
    .title_step {
        font-size: 25px;
        line-height: 33px
    }
}

@media all and (max-width: 768px) {
    .style_step ul li {
        margin: 0 30px
    }

    .style_step ul li ~ li:after {
        width: 75px
    }
}

@media all and (max-width: 520px) {
    .style_step {
        margin-bottom: 20px
    }

    .style_step ul li {
        margin: 0 10px
    }

    .style_step ul li ~ li:after {
        display: none
    }

    .style_step ul li .number {
        width: 50px;
        height: 50px;
        font-size: 20px;
        line-height: 20px;
        border-width: 3px;
        padding-top: 12px;
        margin-bottom: 0
    }

    .style_step ul li:last-child .number {
        padding-top: 12px
    }

    .style_step ul li .text {
        display: none
    }

    .product-small.col .product-small.box .title-wrapper {
        width: 150px
    }
}

@media only screen and (min-width: 320px) and (max-width: 425px) {
    .mh-form-2-col, .mh-form-3-col {
        flex-direction: column
    }

    .blog-archive .col.post-item .box-blog-post {
        display: block
    }

    .blog-archive .col.post-item .box-text {
        padding: 15px 0
    }

    .blog-archive .col.post-item .box-image, .blog-archive .col.post-item .box-text {
        width: 100% !important
    }

    .mh-box-category .box-text {
        padding: 15px !important
    }

    .mh-box-category .box-text-inner .button {
        font-size: 12px
    }

    .mh-col-info .button {
        font-size: 13px
    }
}

.qua-tang-wrapper {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eb0a1e;
    padding: 20px;
    margin-bottom: 20px;
    flex-direction: row
}

.qua-tang-hinh-anh {
    flex: 1;
    text-align: left
}

.qua-tang-thong-tin {
    flex: 2;
    padding-left: 40px;
    border-left: 1px solid #f1f1f1
}

@media (max-width: 768px) {
    .qua-tang-wrapper {
        flex-direction: column
    }

    .qua-tang-thong-tin {
        padding-left: 0 !important;
        border-left: none !important;
        text-align: left
    }

    .qua-tang-hinh-anh {
        margin-bottom: 20px
    }
}