@media screen and (max-width: 1199px) {

    html,
    body {
        width: auto !important;
        overflow-x: visible !important;
    }
}

.div-table {
    overflow-x: auto;
}

.navigation--mobile,
.navigation>.container {
    position: relative;
}

.product__gallery .item .img_a{
    position: relative;
}
.product__gallery .item .img_a img{
    position: relative;
    z-index: 0;
}
.product__gallery .item .img_a::before{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url(../img/logo-ft.png) no-repeat center;
    background-size: 30%;
    opacity: 0.5;
    content: '';
}

.share_zalo{
    position: relative;
    border: 0;
    background: transparent;
}
.section--related-posts{
    position: relative;
    z-index: 0;
}
.share_zalo::before{
    content: '';
    background: url(../img/zalo.png);
    background-size: cover;
    width: 25px;
    height: 25px;
    display: block;
}
.zalo-share-button iframe {
    max-width: inherit;
}
.product__overlay{
    background: url(../img/logo-ft.png) no-repeat center;
    background-size: 40%;
    opacity: 0.3;
}

.link_ul,
.danh_muc ul {
    list-style-type: none;
    padding-left: 0;
}

.link_ul li a:hover,
.link_ul li i {
    color: var(--color-2nd);
}

.danh_muc ul a {
    display: block;
    padding: 5px;
}

.header-top {
    overflow-x: hidden;
}

.social_icons {
    list-style-type: none;
    display: flex;
    padding-left: 0;
    gap: 10px;
}

footer .bg {
    background-color: #150f0d;
}

.dang-tin-footer {
    background: var(--color-2nd);
    color: #fff;
    border-radius: 50%;
    margin-top: -30px;
    width: 72px;
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-products .link-btn {
    background: transparent !important;
    color: var(--color-2nd) !important;
}

.dang-tin-footer p {
    color: #fff;
}

.arcontactu_mobile {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 20;
}

.arcontactu_mobile .icon {
    width: 20px;
    height: 20px;
    display: grid;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.arcontactu_mobile p {
    font-size: 12px;
    margin-bottom: 0;

}

.arcontactu_mobile a {
    display: grid;
    justify-content: center;
    align-items: center;
}

.arcontactu_mobile .icon svg {
    width: 100%;
}

.arcontactu_mobile ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    list-style-type: none;
    padding: 20px 0;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    text-align: center;
}

.main-color {
    color: var(--color-1st) !important
}

.main-bg-color {
    background-color: var(--color-1st)
}

.snd-color {
    color: var(--color-2nd)
}

.snd-bg-color {
    background-color: var(--color-2nd)
}

.index-bg {
    background-color: #FAFAFA;
}

.post.price-package * {
    color: white;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 0
}

.post.price-package h3 a {
    font-size: 17px;
}

.post.price-package h3:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translate(-50%, 8px);
    background: var(--color-2nd);
    width: 110px;
    height: 1px;
    display: block;
}

.post.price-package .item {
    border-bottom: 2px dashed white;
    padding: 15px 5px
}

.link-btn.hotline {
    text-shadow: -2px 2px 3px black;
    text-transform: unset;
    font-size: 17px;
}

.post.price-package .button {
    padding: 20px 0 15px;
}

.link-btn.snd-bg-color {
    background-color: var(--color-2nd);
    border-color: var(--color-2nd);
}

.post:hover .link-btn.snd-bg-color {
    background-color: white;
    color: var(--color-2nd);
}

.images-preloader {
    position: fixed;
    z-index: 100001;
    background-color: #fff;
    width: 100%;
    height: 100%;
}

.images-preloader .spinner {
    position: absolute;
    left: 50%;
    width: 70px;
    text-align: center;
    transform: translate(-50%, 40vh);
}

.header-top .container {
    align-items: baseline;
}

.header-top .navigation__left .header__actions {
    justify-content: center;
}

.header-top .navigation__left .header__actions a {
    padding: 0 10px 0 15px;
    margin: unset;
    font-size: 13px;
}

.header-top .navigation__left .header__actions a:last-child {
    padding-left: unset;
    justify-content: start;
}

.nav__right {
    display: contents;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

.header-top .list--social li {
    margin-right: 0;
}

.header-top .list--social a {
    border-radius: unset;
    border: unset;
    color: #ddd;
}

.header-top .header__actions a,
.header-top .header__actions i {
    color: white;
}

.header-top .header__actions a {
    font-size: 13px;
}

.header-top .header__actions .form--primary-search i:last-child {
    color: black;
}

.navigation__right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* .navigation__right *{
  color: white;
} */
.cust-menu .menu {
    margin-left: 240px
}

.cust-menu .menu>li>a {
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px;
}

.cust-menu .menu>li {
    padding: 14px 0;
}

.navigation__right a:hover,
.navigation__right a:hover span,
.navigation__right a:hover i {
    color: #707070;
}

.langs.ml-2 {
    padding: 0 14px;
    margin: 0 10px;
    font-weight: 500;
    border: 2px solid #5a5a5a;
    border-top: 0;
    border-bottom: 0;
}

.header-top .navigation__nextto__center p {
    margin: 10px;
}

.header-top p,
.header-top a,
.header-top i {
    margin: 0 auto;
}

.top-header {
    background-color: #535452;
    padding: 6px 0;
}

.top-header span,
.top-header a {
    font-size: 13px
}

input#keyword {
    height: 30px;
    margin: 2px 0;
    background-color: white;
}

.form--primary-search {
    min-width: 300px
}

.navigation__right .form--primary-search {
    min-width: 200px
}

.form--primary-search button {
    height: 38px;
    border-radius: 20px;
}

.form--primary-search button:hover {
    color: #ff3c4f;
    background-color: white;
}

.header {
    z-index: 990;
    border-bottom: unset;
    top: 0;
    width: 100%;
    /*   box-shadow-bottom: 0 2px 10px 0 rgba(0, 0, 0, 0.19); */
}

.header--mobile {
    position: fixed;
    top: 0;
    width: 100%;
    background: white;
}

.main-header {
    background-color: #fff;
}

.main-header .navigation__left {
    min-width: 200px;
}

.main-header .navigation__left .logo {
    display: block
}

.slider-item {
    margin-top: 0 !important;
}

.categories_btn {
    background-color: #535452;
    border: 1px solid #535452;
    color: #fff;
    padding: 14px 30px;
    text-align: left;
    width: 100%;
}

.categories_wrap {
    position: relative;
}

.categories_btn i {
    font-size: 24px;
    margin-right: 15px;
    vertical-align: middle;
}

.categories_btn span {
    font-weight: 600;
    text-transform: uppercase;
    vertical-align: middle;
}

#navCatContent {
    background-color: #fff;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    left: 0;
    padding: 5px 0 0;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
    z-index: 99;
}

#navCatContent ul {
    width: 100%;
}

#navCatContent li a.nav-link {
    padding: 15px;
}

#navCatContent li a {
    font-size: 14px;
    text-transform: capitalize;
}

.main-header {
    /*   box-shadow: 0px 4px 10px -8px #111111a1; */
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.main-header .menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu>li>a.logo {
    padding: 0;
}

.main-header .menu-item-a {
    cursor: pointer;
    position: relative;
    transition: all 0.3s;
    font-weight: 400;
    font-size: 14px;
}

.main-header .menu>li:after {
    content: "";
    height: 20px;
    width: 2px;
    position: absolute;
    top: 34%;
    right: 1px;
    background: #fff
}

.main-header .menu>li:last-child:after {
    content: unset
}

.main-header .menu>li>a:hover {
    color: #858585;
    font-style: underline
}

.cust-menu {
    background: #48979e;
    border-top: 1px solid #fff
}

.menu--mobile .sub-menu>li.menu-item-has-children>.sub-menu {
    position: unset;
    margin-left: 20px;
}

.panel--sidebar .panel__content {
    overflow-y: scroll;
}

img#logo1 {
    padding: 5px 0;
    transition: all 0.4s ease 0s;
    height: 60px;
}

.header-top .item a {
    font-size: 13px;
    display: block;
    max-width: 280px;
}

.main-logo.scroll {
    height: 50px !important;
}

.navigation__center.d-flex {
    min-width: 700px;
}

.navigation__right .phone-number {
    font-size: 17px;
    font-weight: 600;
    color: #e14646;
    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}

.navigation__right .phone-number a {
    font-size: 23px;
    font-weight: 600;
    color: #e14646;
}

/* .navigation__right .input-group{
    border-radius: 20px;
} */
.navigation__right .form-control {
    border-radius: 20px !important;
    background: var(--color-1st);
    color: white;
    border-color: #dddddd45;
    min-width: 200px;
    height: 35px;
}

.navigation__right .form-control::placeholder {
    color: white;
    opacity: 1
}

.newsletter_form2 .form-control::placeholder {
    color: #000 !important;
    opacity: 1
}

.newsletter_form2 .form-control {
    color: #000 !important;
}

.navigation__right .search_btn {
    position: absolute;
    right: 10px;
    top: 50%;
    border: unset;
    background: unset;
    transform: translate(0, -50%);
}

.header-top .menu>li,
.header-top .menu>li>a {
    padding: 0
}

.slider-item {
    max-height: 950px !important;
}

.breadcrumb {
    background-color: unset;
    margin: 0;
    padding: 8px 0;
    color: #6d6d6d;
    font-size: 14px;
}

.breadcrumb li:before {
    content: " \f105";
    font-family: FontAwesome;
    color: #959595;
    margin: 0 5px 0 9px;
}

.breadcrumb li:first-child:before {
    content: unset
}

.breadcrumb--custom {
    margin: 8px 0 0 10px;
}

.slider__content__wrapper__content h2 {
    padding: 5px 10px;
    background-color: #1b880d4f;
}

.home-intro .section__header span {
    color: var(--color-1st);
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
}

.home-intro .section__header h1 {
    font-size: 35px;
    color: var(--color-1st);
    font-weight: bolder;
    text-transform: uppercase;
}

.home-intro .link-btn:hover {
    background: white;
    color: var(--color-1st);
    border: 1px solid var(--color-1st);
}

.section--homepage.home-intro .intro-pic h2:after {
    content: unset
}

.section--homepage.home-intro h2:after {
    content: unset
}

.home-line .item:hover img {
    animation: tada;
    animation-duration: 1s;
}

.home-line .item h3 {
    transition: all .25s ease;
    margin-bottom: 0
}

.home-line .item:hover h3 {
    color: white !important;
}

.home-intro .post .post__wrapper {
    border-radius: 4px;
    overflow: hidden;
}

.home-intro .intro-content .owl-carousel {
    padding-bottom: 35px;
}

.home-collection {
    padding: 80px 0 !important;
}

.home-collection .row div {
    margin-bottom: 20px;
}

.home-products ul {
    justify-content: space-between;
    align-items: center;
    list-style: none;
}

.menu-left ul,
.online-support,
.support {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    border: 2px solid #3f3f3f;
}

.menu-left ul .menu-item {
    padding: 10px 0 10px 30px;
    position: relative;
}

.menu-left ul .menu-item:before {
    display: block;
    position: absolute;
    content: "\f101";
    font-family: "FontAwesome";
    color: var(--color-1st);
    left: 15px;
    font-size: 15px;
}

.home-products .menu-left ul .menu-item:hover {
    background-color: #f1f1f1;
    color: var(--color-danger);
}

.home-products .menu-left a:hover {
    color: var(--color-danger);
}

.section--homepage.home-products h2.red {
    color: #FF3C4F;
}

.section--homepage.home-intro h2:before {
    content: unset
}

.navigation__right .menu li:after {
    content: "";
    position: absolute;
    background-color: #878585;
    width: 2px;
    height: 12px;
    transform: translate(17px, 34px);
}

.navigation__right .menu li:last-child:after {
    content: unset
}

.navigation__right .menu li a {
    font-size: 13px;
    padding: 0 10px;
    font-weight: 400;
    text-transform: none;
}

.home-feedback img {
    border: 1px solid #ddd
}

.home-feedback a,
.home-feedback p {
    color: white
}

.home-feedback .collection_link {
    margin: 8px 0;
}

.section--homepage .section__header span {
    background: #c6d2fa;
    padding: 5px 12px;
    color: var(--color-1st)
}

.section--homepage .section__header p,
.widget__content .sub-title {
    text-transform: unset;
    font-size: 19px;
    font-weight: 300;
    margin: 0 auto;
    max-width: 50%;
    margin-bottom: 10px;
}

.home-intro .section__header p {
    max-width: 100%;
}

.menu-left h2 {
    color: white;
    background-color: #3f3f3f;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin: 0;
    padding: 8px 10px;
    text-transform: uppercase;
}

.menu-left ul.sub-menu-custom {
    border: unset;
    display: none;
    transition: all .25s ease;
}

.menu-left .menu-item-has-children:hover ul.sub-menu-custom {
    border: unset;
    display: unset;
    transition: all .25s ease;
}

.home-banner.custom {
    margin-top: 30px;
    padding: 70px 0 30px;
}

.home-banner p {
    color: white
}

.home-services .row {
    margin: unset;
}

.home-products .shop__pagination {
    padding: unset;
}

.nav-pills .nav-link {
    padding: 0;
}

.service-tab .tab-list-wrapper ul li.active a:before {
    background-color: #f69220;
    border-color: #fff;
    box-shadow: -5px 7px 30px rgba(0, 0, 0, 0.07);
}

.slider__content__wrapper__content h2 {
    padding: 5px 10px;
    background-color: #1b880d4f;
}

.service-tab h3 {
    font-size: 17px;
    font-weight: 500;
}

.service-tab .tab-list-wrapper {
    vertical-align: top;
    width: 100px;
    position: relative;
    display: table-cell;
}

.service-tab .tab-list-wrapper:before {
    position: absolute;
    content: '';
    width: 2px;
    height: calc(100% - 35px);
    top: 0;
    right: 60px;
    background-color: #f1f1f1;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.service-tab .tab-list-wrapper ul {
    padding: 0;
    min-height: 345px;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    border: none;
}

.service-tab .tab-list-wrapper ul li {
    text-align: left;
    position: relative;
    max-width: none;
    width: 100px;
    margin-right: 75px;
    display: block;
    padding-top: 5px;
    margin-top: 25px;
}

.service-tab .tab-list-wrapper ul li a {
    font-size: 14px;
    color: #666c72;
    position: static;
    padding: 0;
    border: none;
}

.service-tab .tab-list-wrapper ul li a span {
    font-weight: 600;
    color: var(--color-2nd);
}

.service-tab .tab-list-wrapper ul li a:before {
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    background-color: #f3f3f3;
    border: 6px solid var(--color-2nd);
    top: 18px;
    right: -23px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.service-tab .tab-content {
    display: table-cell;
    width: auto;
}

.service-tab .content {
    margin-bottom: 30px;
}

.service-tab .content img {
    border-radius: 50%;
}

.section--homepage h2,
.widget__content .title {
    font-size: 25px;
    font-weight: 500;
    color: var(--color-1st);
    margin-bottom: 5px;
}

.section--homepage h2 a:hover {
    color: white
}

.home-intro h2 {
    color: var(--color-1st);
    font-size: 30px;
    padding-bottom: 10px;
}

hr {
    border-top: 1px solid rgb(0 0 0 / 64%);
}

.home-feedback blockquote p {
    font-size: 15px;
}

.home-news.custom h2 {
    font-size: 22px;
}

.home-news .nav-link {
    padding: 14px 0;
    border: unset;
    border-bottom: 1px solid #e9e9e9;
    background: unset;
    text-align: left;
    border-radius: unset;
    color: #5b5b5b;
    font-size: 17px;
}

.home-news .nav-link:first-child {
    padding-top: 8px;
}

.home-news .nav-link:last-child {
    border-bottom: unset;
}

.home-news .nav-link.active,
.home-news .nav-link:hover {
    background: unset;
    color: #a6a6a6;
}

.content.pb-2.text-center {
    box-shadow: 0px 2px 11px 7px #7a7a7a1c;
    margin-top: -54px;
    padding-top: 50px;
}

.home-feedback .owl-stage-outer {
    padding: 20px 15px;
}

.home-news .row {
    margin-right: unset;
    margin-left: unset;
}

.home-news .section__content .right .item {
    margin-bottom: 14px;
    display: flex;
}

.home-news .section__content .right .blog-content {
    padding-right: 0;
}

.home-news .news p,
.home-news .news a {
    margin: 5px 0 5px 10px;
    font-weight: 600;
}

.home-news .embed-responsive {
    border: 3px solid #dcdcdc;
}

.home-news .form-control {
    width: 98%;
}

.product--detail .product__header {
    width: 100%;
    position: relative;
    margin-bottom: 50px;
}

.product--detail .product__info-header {
    margin-bottom: 5px;
    /*     border-bottom: unset; */
}

.product--detail .product__title {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    letter-spacing: 0.3px;
}

.product--detail .product__price {
    border: 3px solid #f07c01;
    padding: 5px;
    text-align: center;
    justify-content: center !important;
}

.product--detail .product__price p {
    font-weight: unset;
    color: var(--color-text);
    text-align: center;
    margin-bottom: 0;
}

.product--detail .product__price .product-sale-price-text {
    font-size: 17px;
    font-weight: 600;
    color: var(--color-2nd);
}

.at-share-btn-elements {
    display: flex;
    justify-content: space-between;
}

.product--detail .tab-list {
    padding: 20px 0 0;
    margin-bottom: 0;
}

.product--detail .tab-list li a {
    font-size: 18px;
}

.product--detail .product__thumbnail {
    margin-bottom: 0;
}

.product .product__wrapper {
    border: 1px solid #e9e9e9;
    transition: all .3s ease-in-out;
    border-radius: 9px;
    overflow: hidden;
    background: #fff;
}

.product:hover .product__wrapper {
    box-shadow: 0 0 11px 5px #fd7e1436;
}

.product:hover .product__thumbnail img {
    /*   transform: scale(1.1) */
}

.product__content .tabs {
    /*     border: 1px solid #ddd; */
    padding: 20px 0;
}

.home-line .item .row {
    background-color: #fed700
}

#product-kind {
    font-weight: 600;
}

.section--related-posts {
    padding-top: unset;
    border-top: unset;
}

.home-gallery {
    padding-bottom: 30px;
}

.nav-pills .nav-link h2 {
    color: black;
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 15px;
    border: 1px dashed black;
    border-radius: 25px;
    text-transform: initial;
}

.nav-pills .nav-link h2:hover {
    color: var(--color-1st);
    border: 1px solid var(--color-1st);
}

.nugget .item {
    text-align: center;
}

.nugget .item i.fa-paper-plane-o {
    background-color: #0099e6;
    color: white;
    padding: 20px;
    font-size: 30px;
    border-radius: 50%;
    margin-bottom: 15px;
}

.nugget .item i {
    background-color: #0099e6;
    color: white;
    padding: 15px;
    font-size: 30px;
    border-radius: 50%;
    margin-bottom: 15px;
}

.nugget .item svg {
    background-color: #0099e6;
    fill: white;
}

.nugget .item h4 {
    font-size: 16px;
}

.nugget .item {
    text-align: center;
    border-left: 1px solid #ddd;
    margin-bottom: 20px;
}

.nugget .item:last-child {
    border-right: 1px solid #ddd;
}

.nav-pills .nav-link.active h2,
.nav-pills .show>.nav-link h2 {
    color: var(--color-1st);
    border: 1px solid var(--color-1st);
}

.widget--shop .widget__title {
    height: 41px;
    line-height: 41px;
    margin-bottom: 10px;
    color: var(--color-1st);
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.shop--sidebar .shop__left .widget--shop {
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px 1px #dddddd8c;
}

.post__wrapper .post__content p {
    margin: 0;
    font-size: 15px;
    font-weight: 300;
    color: #818181;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

#coverflow {
    width: 100%;
}

.search-product .btn {
    width: 100%;
    height: 39px;
    border: 1px solid var(--color-1st);
    font-size: 15px;
    font-weight: 500;
    background-color: var(--color-1st);
}

.search-product .btn:hover {
    color: var(--color-1st);
    background-color: white;
}

.home-blog {
    padding: 60px 0 0;
    margin-bottom: unset;
    background-color: #fafafa;
}

.home-blog .blog-right {
    display: flex;
    padding: 20px 10px;
    border: 1px solid #ddd;
    margin: 5px;
    max-width: 48%;
    background-color: white;
}

.home-blog .blog-right span {
    display: block
}

.home-blog .last {
    border-bottom: unset;
}

.home-blog .blog-right h3 {
    display: block;
}

.footer .final-line {
    min-height: 50px;
    background: #222527;
}

.footer .final-line .container {
    display: grid;
    place-items: center;
    font-weight: 300;
    height: 50px
}

.footer .final-line p {
    margin: 0;
    color: #fff;
}

.home-blog .blog-right h4 {
    position: unset;
    font-size: 16px;
    background: unset;
    transform: unset;
    justify-content: unset;
    height: unset;
    display: unset;
    text-transform: unset;
    color: var(--gray-dark);
    line-height: 28px;
}

.home-blog .blog-right h4:hover {
    color: #ddd;
    background-color: unset;
    color: var(--green);
}

#partner div {
    position: relative;
    z-index: 1;
}

#slider-partner .item {
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    padding: 5px;
}

.d-content {
    display: contents !important
}

#slider-partner .item img {
    width: 100%;
    display: block;
    margin: 0 auto;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#slider-partner .item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.slick-arrow {
    color: #ddd;
}

.home-news .carousel--nav .owl-nav {
    top: 36% !important
}

.slick-arrow:hover {
    color: #fb7224;
}

.slick-arrow:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: fontawesome;
    font-size: 40px;
    line-height: 30px;
}

.d-grid-1 {
    display: grid
}

.widget--shop .widget__links li a {
    font-size: 14px;
    font-weight: unset;
}

.shop--sidebar .shop__left .list--minus {
    margin-left: 15px;
}

.list--minus li a:before,
.list--plus li a:before {
    content: unset;
}

.widget__content h4 a {
    color: white !important;
    font-weight: 500;
    font-size: 20px;
    padding: 7px 0;
}

.home-service .cover {
    padding: 30px 0 10px 0;
    margin-bottom: 20px;
    position: relative
}

.home-service .cover:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000000c9;
    z-index: -1;
}

.home-service .cover * {
    color: white;
    text-align: left
}

.flex-wrap {
    flex-wrap: wrap;
}

.home-service p {
    max-width: unset !important;
    margin: unset !important
}

.home-service .left-col p {
    font-size: 26px !important;
}

.home-service .right-col p {
    color: #ddd;
    line-height: 30px;
}

.home-service h2 {
    font-size: 16px;
    font-weight: 400;
    text-transform: unset;
}

.home-service .cover .link-btn {
    padding: 12px 30px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    background: #9e0b0f;
    border: 2px solid #9e0b0f;
    margin-top: 31px;
}

.home-service .cover .link-btn.custom {
    background: #1b191a;
}

.home-service .cover .link-btn.custom:hover {
    color: #ddd;
}

.home-service .post__wrapper {
    border-radius: 7px;
    overflow: hidden;
    border: 1px solid #011a69a3;
    box-shadow: 0 4px 5px 0 #b6b6b6;
}

.home-service .tab-content .post__wrapper {
    border-radius: unset;
    overflow: hidden;
    border: unset;
    box-shadow: unset
}

.home-service .tab-content .post__content {
    background: var(--color-1st)
}

.home-service .tab-content h3 {
    font-size: 17px;
    color: white
}

.home-service .tab-content .post:hover h3 {
    color: white !important
}

.home-service .tab-content .post:hover .post__wrapper {
    transform: translatey(-5px)
}

.home-news.video .post:hover img {
    transform: scale(1.1)
}

.gap-5 {
    gap: 5px !important
}

.gap-10 {
    gap: 10px !important
}

.gap-15 {
    gap: 15px !important
}

.gap-20 {
    gap: 20px !important
}

.gap-30 {
    gap: 30px !important
}

.gap-40 {
    gap: 40px !important
}

.row-gap-70 {
    row-gap: 70px
}

.home-collection h2 {
    color: #f3b603
}

.home-service .nav-item a {
    padding: 8px 18px;
    border: 1px solid #ddd;
    font-size: 16px;
}

.home-service .nav-item a.active {
    background: var(--color-1st)
}

.product__content h2 {
    font-size: 18px;
    padding: 10px 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #ddd;
}

.product .product__actions li a:hover {
    background-color: var(--color-danger);
    color: #fff
}

.product__wrapper span {
    font-weight: 500;
}

.product__wrapper span.main-price {
    font-size: 15px;
}

.product .product__info span {
    color: var(--color-danger);
    text-transform: uppercase;
}

.product--detail .product__variants .item img {
    border-radius: 5px;
    border: 1px solid #545454;
}

.product--detail .product__content {
    padding: unset;
}

.section--related-posts .slick-prev,
.section--related-posts .slick-next {
    top: 40%;
}

.section--related-posts .slick-slide {
    margin: 0 20px;
}

.contact-mega {
    margin: 20px 0;
    padding: 25px 0;
    background-color: var(--color-2nd);
}

.contact-mega p {
    font-size: 17px;
    text-align: right;
    color: white;
    margin: 0;
    text-transform: uppercase;
}

.contact-mega a {
    padding: 10px 15px;
    color: white;
    background-color: var(--color-danger);
    border-radius: 20px;
    line-height: 25px;
    text-transform: uppercase;
}

.footer {
    padding-bottom: 0;
    overflow: hidden
}

.footer-background {
    padding: 40px 0;
    background-attachment: fixed;
    position: relative;
}

.footer .final-line .container {
    padding: 5px 0;
    position: relative
}

.footer hr {
    color: var(--color-1st)
}

.footer iframe {
    width: 100%;
    height: 200px;
    border-radius: 5px;
    overflow: hidden;
}

.footer .bg {
    height: 450px;
    padding: 20px;
}

.footer a.link-btn {
    color: #000 !important
}

.newsletter .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.widget--footer .widget__links li:hover span {
    color: var(--color-1st)
}

.widget--footer.products .widget__links li a:before {
    content: "\f111";
    display: inline-block;
    font: normal normal normal 7px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: white;
    position: absolute;
    top: 7px;
    left: -15px;
}

.widget--footer.products .widget__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.with-bg .item {
    background: url(/storage/general/footer-item-bg.png) no-repeat;
    margin-bottom: 10px;
    height: 50px;
}

.first-row .fa-plus-square-o {
    color: var(--color-2nd);
}

.text-red a {
    font-size: 21px;
    color: red;
}

.footer .menu-item a:hover {
    margin-left: 7px
}

.footer .final-line a:hover,
.footer .final-line a:hover span {
    color: white !important;
    text-decoration: underline;
}

.footer p.hotline {
    font-weight: 700;
    color: #fff !important;
}

.bct-img {
    max-height: 75px
}

.newsletter input {
    background-color: white;
    border: unset;
    height: 44px;
}

.newsletter h3 {
    padding-top: 10px;
    font-size: 17px !important;
    color: white;
}

.newsletter button {
    background-color: var(--color-danger);
    color: white;
    height: 100%;
    padding: 0 15px;
}

.newsletter .fa-envelope-o {
    font-size: 80px;
    text-align: center;
    color: whitesmoke;
}

.home-adbanner img {
    width: 100%;
}

.newsletter .list--social a {
    color: white;
    border-radius: unset;
    border: 1px solid #ffffff;
}

.newsletter input {
    background-color: white;
    border: unset;
    height: 44px;
}

.newsletter h3 {
    font-size: 17px !important;
    color: white;
    margin-bottom: 0;
}

.newsletter form {
    width: 300px;
}

.newsletter button {
    background-color: var(--color-1st);
    color: white;
    height: 100%;
    padding: 0 15px;
}

.form--subscribe {
    max-width: 450px;
}

.form--subscribe label {
    text-indent: -9999px;
    position: absolute;
}

.newsletter_form2 button {
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    padding: 9px 20px;
    background-color: var(--color-1st);
}

.form--subscribe input {
    background: #4ba6db75;
    border: 2px solid #ddd;
    height: 40px;
    max-width: 450px;
}

.form--subscribe input::placeholder {
    color: #ddd
}

.form--subscribe button {
    background: #ddd;
    height: 100%;
}

.form--subscribe button:hover {
    background: var(--color-1st)
}

.list--social li {
    margin-right: 0
}

.footer .widget--footer {
    margin-bottom: unset;
}

.footer .widget--footer .address a {
    margin-right: 10px;
    display: inline-block;
    font-size: 14px;
    width: 35px;
    height: 35px;
    border-radius: 7px;
    color: #636363;
    border: 1px solid #ff0000;
    text-align: center;
    line-height: 34px;
}

.footer .widget--footer .address .fa {
    color: red;
}

.footer .right .widget--footer:last-child {
    margin-bottom: unset;
}

.shop__content ul.widget__links li {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px dashed #eaeaea;
}

.post>* {
    max-width: unset;
}

.slider__content .slider__content__wrapper .slider__content__wrapper__content h2 {
    font-size: 40px;
    max-width: 55%;
    padding: 20px 20px;
    margin-top: 300px;
}

.product .product__price {
    color: unset;
    justify-content: space-around;
    margin: auto
}

.product .product__wrapper p {
    font-size: 12px;
    margin-bottom: 0;
}

.product__content .btn-contact {
    padding: 6px 15px;
    font-size: 15px;
    margin-top: 10px;
}

.home-news .item .collection {
    padding: unset;
    text-align: center;
    overflow: hidden;
}

.home-news .item img {
    transition: all .8s cubic-bezier(.19, 1, .22, 1);
}

.home-news .item:hover .post__wrapper {
    box-shadow: 0 6px 6px 0px #c8c7c7
}

.home-news.custom .item .post__wrapper {
    border: 1px solid #fff;
    transition: all .4s
}

.home-news.custom .item:hover img {
    transform: scale(1.1)
}

.home-news.custom .item:hover .post__wrapper {
    border-color: #ddd;
    box-shadow: unset
}

.home-news .item:hover .collection_link {
    color: var(--color-1st)
}

.home-news .item.left {
    padding: unset;
    text-align: justify;
}

.home-news .title {
    border-bottom: 1px solid #c45d27;
    padding: 6px 0 4px 52px;
    position: relative;
}

.home-news .title::before {
    content: url(/storage/general/icon-title.png);
    position: absolute;
    left: 0;
    top: 13px
}

.page--product--detail .breadcrumb {
    justify-content: flex-start !important;
}

.page--product--detail .breadcrumb * {
    color: #787878;
    font-weight: 400;
    font-size: 13px;
}

.home-intro {
    padding: 95px 0 50px;
    margin-top: 40px;
}

.home-products .col-md-6 {
    overflow: hidden;
    cursor: pointer;
}

.home-products .col-md-6 img {
    background: #000;
    opacity: 1;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}

.home-products .col-md-6:hover img {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.19);
    -webkit-transform: scale(1.1);
    /*   transform: scale(1.1); */
    opacity: 0.7;
}

.fb-like-box,
.fb-like-box span,
.fb-like-box span iframe[style] {
    width: 100% !important;
}

.home-products .box-cover {
    display: flex;
    align-items: center;
    background: #f3b603;
    gap: 10px;
    padding: 10px 20px;
    border-radius: 40px;
}

.home-services .section__header {
    text-align: unset;
    position: relative;
    display: grid;
    grid-template-columns: 25% 65% 10%;
}

ul.subitem {
    display: flex;
    align-items: center;
    list-style: none;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

ul.subitem a {
    font-size: 16px
}

.section--homepage.home-products .section__header a {
    padding: 0 12px;
    font-size: 16px;
}

.home-feedback .section__header {
    padding-bottom: 45px;
}

.home-feedback h2:before {
    content: url(/storage/general/title-bg.png);
    position: absolute;
    top: 42px;
    width: 100%;
    height: unset;
    background: unset;
    display: block;
}

.home-feedback h2:after {
    content: unset
}

.home-feedback {
    margin: 30px 0;
    padding: 35px 0 45px;
}

.home-feedback .post {
    transition: all 0.3s
}

.home-feedback .post:hover {
    transform: scale(1.1)
}

.home-feature-posts .row div {
    margin-bottom: 10px;
}

.home-feature-posts .item {
    position: relative;
    margin: 5px 10px;
}

.home-feature-posts .item {
    position: relative;
    margin: 5px 10px;
}

.home-feature-posts h3 a {
    font-weight: 600;
}

.home-feature-posts h3 {
    font-size: 13px;
    text-align: center;
    margin-top: 12px;
}

.collection_link {
    font-size: 16px;
    margin-bottom: 6px;
    font-weight: 400;
}

.home-news .right .collection_link {
    padding: 0;
    font-size: 13px;
}

.home-services .title-overlay {
    background: unset;
    bottom: 10%;
    transition: all 0.5s ease;
}

.home-services .collection_link {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500 !important;
    color: white;
    margin-bottom: 15px;
}

.home-services .link-btn {
    padding: 7px 20px;
    color: white;
    background: unset;
    border: 2px solid #ffffff;
    border-radius: unset;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

.home-services .post:hover img {
    filter: brightness(0.7);
}

.home-services .post:hover .title-overlay {
    bottom: 20%
}

.home-services .post:hover .collection_link {
    text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);
    color: white
}

ul:empty {
    display: none !important
}

.contact-row {
    display: flex;
}

.form--contact .form-group {
    margin-bottom: 20px;
}

.home-blog .blog-content p,
.intro-pic {
    text-align: justify;
}

.menu .sub-menu .sub-menu {
    min-width: 360px;
}

.dd3-content>span.text.float-right {
    display: none;
}

.name-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    color: white;
    text-align: center;
    padding: 15px 0 15px 15px !important;
    margin-bottom: 0 !important;
    background: #2c2c2c63;
    /*   background-image: linear-gradient(to right, #00000096 , #33333300); */
}

.item_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.home-albums .item {
    overflow: hidden
}

.home-albums .item img {
    transition: .5s ease;
}

.home-albums .item:hover img {
    transform: scale(1.2)
}

.section--homepage .description {
    margin-bottom: 30px;
}

.readmore {
    padding: 10px;
    border: 1px solid #c96943;
    border-radius: 25px;
    color: var(--color-1st);
    font-size: 18px;
    font-weight: 500;
    width: 250px;
    text-align: center;
}

.readmore.resv {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    border-color: #353535;
    color: #353535;
}

.readmore:hover a {
    color: #f0ad4e !important
}

.readmore:hover {
    -webkit-animation: shake 0.07s ease-in-out 0.07s infinite alternate;
    animation: shake 0.07s ease-in-out 0.07s infinite alternate;
    background: #353535;
    border-color: #353535;
}

.home-collection .item:hover img {
    -webkit-animation: shake 0.07s ease-in-out 0.07s infinite alternate;
    animation: shake 0.07s ease-in-out 0.07s infinite alternate;
}

@-webkit-keyframes shake {
    from {
        -webkit-transform: rotate(2deg);
    }

    to {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-2deg);
    }

}

.home-categories .section__header {
    padding-bottom: 30px;
}

.home-categories .col-md-6:first-child {
    text-align: right
}

.home-categories .col-md-6:last-child {
    text-align: left
}

.home-categories h3 {
    font-size: 16px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    color: #fff;
    margin: 0;
    text-align: center;
    padding: 6px 0;
}

.home-categories h3:hover a {
    color: #fff
}

.home-categories h3:before,
.home-categories h3:after {
    content: "";
    background: #fff;
    width: 46%;
    height: 2px;
    position: absolute;
    transition: all .3s ease
}

.home-categories h3:before {
    top: 0;
    left: 27%;
}

.home-categories h3:after {
    bottom: 0;
    right: 27%;
}

.home-categories h3:hover:before,
.home-categories h3:hover:after {
    width: 73%;
}

.home-categories img {
    transition: all .3s ease-in-out;
}

.home-categories .item {
    position: relative;
}

.home-categories .item .item-title {
    background-color: #3c3c3ca6;
    padding: 15px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    transition: all .3s ease-in-out;
}

.home-categories .item .item-title a {
    font-size: 24px;
    font-weight: 600;
    color: white;
    text-transform: uppercase;
}

.home-categories .item:hover .item-title {
    background-color: #3c3c3ccc;
}

.home-categories .item:hover img {
    opacity: 0.9;
}

.home-feature-posts .item:hover .name-overlay {
    opacity: 1;
}

.mobile-toolbar {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: white;
}

.mobile-toolbar ul {
    display: flex;
    list-style: none;
    justify-content: space-between;
    align-items: center;
    padding: 0 25px;
}

.home-reason h2 {
    color: unset;
}

.contact-form .form-control {
    background-color: whitesmoke;
}

.contact-form .btn--custom {
    margin: 0 auto;
    display: block;
}

/* .menu--mobile>li.menu-item-has-children:not(.has-mega-menu) .sub-toggle{
  top: -5px
} */
.sub-menu-line ul li:hover {
    border-bottom: 1px solid #ddd;
}

.owl-line .item img {
    width: inherit !important;
    margin: 0 auto;
}

.sub-menu-line ul li span {
    text-transform: uppercase;
    color: white;
    font-weight: 600;
    font-size: 15px;
}

.post--detail .post__header h1 {
    font-size: 24px;
    width: 96%;
    margin: 0 auto;
}

.footer .final-line img {
    margin-top: -5px;
}

.owl-slider.owl-carousel {
    /*   max-height: 0; */
    transition: all 1s ease;
    overflow: hidden;
}

.owl-slider.owl-carousel.owl-loaded {
    max-height: 100%;
}

.shop__products .badge-secondary,
.footer .badge-secondary {
    color: #464646 !important;
    background-color: #f5f5f5;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
    height: unset;
}

.footer .badge-secondary:hover {
    background-color: white;
}

.link-btn {
    display: table;
    padding: 7px 30px;
    color: #fff !important;
    background: var(--color-2nd);
    border: 1px solid var(--color-2nd);
    margin: 0 auto;
    margin-bottom: 5px;
    border-radius: 5px;
    font-size: 15px;
    text-align: center
}

.link-btn i {
    transition: all .25s ease;
    margin-left: 10px;
}

.link-btn:hover {
    color: var(--color-1st) !important;
    background: white;
}

.link-btn:hover i {
    transform: scale(1.5)
}

.list--social li a {
    display: inline-block;
    font-size: 14px;
    width: 40px;
    height: 40px;
}

.home-intro .link-btn {
    background-color: #c45d27;
    border-color: #c45d27;
    border-radius: 20px;
    padding: 3px 20px;
}

.home-news.custom .link-btn {
    padding: 2px 0;
    font-weight: 500;
    color: var(--color-1st);
    background: unset;
    border: unset;
    margin: 10px 0;
    position: relative
}

.home-news.custom .link-btn:after {
    content: '';
    position: absolute;
    right: -40px;
    top: 50%;
    height: 2px;
    width: 30px;
    background: var(--color-1st);
    transform: translate(0, -50%);
}

.home-news .link-btn {
    background: #c45d27;
    border-color: #c45d27;
    margin-left: 0;
    margin-bottom: 14px;
}

.home-news .link-btn:hover {
    color: #c45d27;
    background: unset;
    border-color: #c45d27;
}

.home-intro .link-btn:hover {
    color: #c45d27;
    border-color: #c45d27;
}

.home-news .link-btn:hover {
    transform: translate(0, -3px);
}

.home-news.py-5 .container {
    background: #fff
}

.home-news.custom .collection_link {
    margin-bottom: 8px;
}

.box-news-right h3 {
    font-size: 27px;
    margin-bottom: 20px;
    font-family: 'UVNBaiSau_R', 'Open Sans', 'Helvetica Neue', sans-serif;
}

.box-news-right .link-btn {
    color: #c45d27;
    background: #fff;
    border-color: #fff;
    font-weight: bold;
    margin: 0 auto;
    margin-top: 20px
}

.product .link-btn {
    padding: unset;
    margin: auto auto;
    text-transform: unset;
    font-weight: 400 !important;
}

.home-products .ico {
    transition: all .4s ease;
    margin-bottom: 10px
}

.home-products .nav-link:hover .ico,
.nav-link.active .ico {
    background-position-x: right !important;
}

.menu-bar .nav {
    margin-bottom: 30px;
    padding: 10px 0;
    flex-basis: auto;
    justify-content: center;
    border: 1px solid #ddd;
}

.menu-bar .nav-link {
    color: #02193e;
    font-weight: 500;
    font-size: 16px;
    border-radius: 0;
    text-align: center;
    margin: 0 20px;
}

.menu-bar .nav-pills .nav-link.active,
.menu-bar .nav-pills .nav-link:hover {
    color: var(--color-1st);
    background: unset
}

.home-feedback h2 {
    font-size: 30px
}

.home-banner img {
    transition: all 0.3s;
    width: 100%;
}

.home-banner img:hover {
    filter: brightness(0.7);
}

.home-banner h3 {
    font-size: 21px;
}

.home-banner .item {
    transition: ease .4s all;
}

.home-banner .item:hover .post {
    background: var(--color-1st);
    border-radius: 10px;
}

.home-banner .item:hover h3 {
    color: white !important
}

.home-banner .post__thumbnail img {
    width: 80px;
}

.home-banner .post__thumbnail h3 {
    font-weight: 400 !important
}

.home-banner .post__wrapper {
    padding: 10px;
}

.home-banner .border {
    border: 2px dotted white !important;
}

.home-categories {
    margin-top: 40px;
    padding: 60px 0 100px
}

.home-categories .section__header * {
    color: #fff
}

.home-news .post__wrapper {
    overflow: hidden;
    border-radius: 8px
}

.home-news .post__thumbnail {
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.panel--search {
    position: fixed;
    top: 47px;
    left: unset;
    right: 15%;
    padding: 0;
    border-bottom: unset;
    background-color: unset;
    transition: all .8s cubic-bezier(.19, 1, .22, 1);
}

.panel--search.active {
    width: 300px;
}

.panel--search .form-control {
    height: 39px;
    background-color: white;
    border-radius: 20px;
}

.main-header .form--primary-search button {
    right: 0;
}

.shop__products .product:hover .product__wrapper {
    transform: unset;
    background: unset;
    box-shadow: unset;
}

.shop__products .product h3 a {
    color: var(--color-1st);
    font-size: 20px;
}

.product .product__actions.gallery li a {
    padding: 10px 14px;
    border-radius: 50%;
}

#sale-gallery .product:hover .product__wrapper {
    transform: unset;
}

#sale-gallery .product:hover .product__thumbnail img {
    transform: scale(1.1);
}

.widget_title {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.3px;
    font-size: 18px;
}

.widget_categories li,
.widget_archive li,
.widget_recent_post li {
    padding-bottom: 10px;
    list-style: none;
}

.widget_categories li a,
.widget_archive li a {
    position: relative;
    font-size: 16px;
}

.widget_categories li a::before,
.widget_archive li a:before {
    content: "\f0da";
    font-family: "FontAwesome";
    height: auto;
    line-height: normal;
    margin-right: 10px;
}

/* ul, li, ol {
    margin: 0;
    padding: 0;
} */
.sidebar .widget+.widget {
    border-top: 1px solid #ddd;
    margin-top: 30px;
    padding-top: 30px;
}

.post_img,
.widget_course li .course_img {
    float: left;
    margin-right: 10px;
}

.post_img img {
    width: 80px;
}

.page--product--detail .right {
    border-left: 1px solid #dee2e6 !important;
}

.post_content,
.widget_course li .course_content {
    overflow: hidden;
}

.post_content .product_title {
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 5px;
}

.post_content h6 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0;
}

.post_content .product_price {
    margin-bottom: 0px;
}

.post_content .price {
    color: #FF324D;
    font-weight: 600;
}

.product_price del {
    font-size: 14px;
    margin-right: 5px;
    margin-left: 3px;
}

.background-f2 {
    background-color: #f6f7f8 !important
}

.background-f3 {
    background-color: #ecf2f0 !important
}

.footer .last-block {
    background-color: #272727;
    padding: 20px 0 10px;
}

.paddingright10 {
    padding-right: 10px !important;
}

.paddingleft10 {
    padding-left: 10px !important;
}

.left_tt_home {
    float: left;
    width: 574px;
    margin: 0;
}

#news-focus-left .news {
    position: relative;
}

.news .thumb a {
    display: block;
}

.slash {
    display: block;
    overflow: hidden;
    position: relative;
}

.scale3d img {
    float: left;
    width: 100%;
    height: auto;
    margin: auto;
    transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    backface-visibility: hidden;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
    -moz-transition: opacity 1s, -moz-transform 1s;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
}

.scale3d img {
    float: left;
    width: 100%;
    height: auto;
    margin: auto;
    transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    backface-visibility: hidden;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
    -moz-transition: opacity 1s, -moz-transform 1s;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
}

#news-focus-left .text {
    bottom: 0;
    width: 100%;
    border: none;
    z-index: 9;
    position: absolute;
    background: rgba(0, 0, 0, .7);
}

#news-focus-left h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    text-transform: capitalize;
    padding: 20px;
}

#news-focus-left h3 a {
    color: #fff;
}

.right_tt_home {
    float: left;
    margin: 0 0 0 20px;
    width: 586px;
}

#news-right-top {
    margin-bottom: 20px;
    width: 100%;
}

#news-right-top .news {
    width: 49%;
}

.group-item .news {
    float: left;
}

#news-right-top .inner {
    position: relative;
}

#news-right-top .text {
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    border: none;
    z-index: 9999;
    padding: 10px;
    position: absolute;
    background: rgba(0, 0, 0, .7);
}

#news-right-top h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding: 5px;
    text-transform: capitalize;
}

#news-right-top h3 a {
    color: #fff;
}

#news-right-bottom {
    width: 100%;
}

#news-right-bottom .news {
    width: 49%;
    float: left;
    margin: 0 10px 20px 0;
}

#news-right-bottom .thumb {
    float: left;
    width: 40%;
    margin-right: 10px;
}

.clear {
    clear: both
}

.title-overlay {
    bottom: 0;
    background: rgb(209 209 209 / 70%);
    color: white;
    padding: 10px !important;
}

.post:hover h3 {
    color: var(--color-1st) !important
}

.w-30 {
    width: 30% !important;
}

.home-news .left h3 {
    font-size: 13px;
}

.modal-content {
    border: 8px solid #ffffff61;
    border-radius: 20px;
}

.contact-page-info {
    margin-bottom: 70px
}

.contact-page-info .block--contact-form {
    background: #fff;
    padding: 45px 45px 0;
}

.block--contact-form input,
.block--contact-form textarea,
.block--contact-form select {
    border: unset;
    background-color: #eaeaea !important;
    border-radius: 5px;
}

.box-blogs.view-list {
    width: 100%;
    float: none;
    display: inline-block;
}

.intro-pic .item-blogs {
    padding-bottom: 45px;
}

.clearfix:before {
    display: table;
    content: " ";
}

.view-list .item-blogs .img-blogs {
    width: 38.33333%;
    padding-top: 27.22222%;
    float: left;
    margin: 0;
}

.item-blogs .img-blogs {
    margin-bottom: 20px;
    text-align: center;
    position: relative;
    width: 100%;
    padding-top: 66.66667%;
}

.intro-pic .list-item:nth-child(2n + 1) .item-blogs .img-blogs {
    float: right;
}

.news-block-change .view-list .item-blogs .img-blogs {
    width: 43.2%;
    padding-top: 32%;
}

.img-blogs a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.img-blogs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.intro-pic .list-item:nth-child(2n + 1) .info {
    padding-right: 15px;
    border-left: 3px solid var(--color-1st);
}

.box-blogs.view-list .info {
    overflow: hidden;
    padding-left: 15px;
}

.new-number {
    font-size: 40px;
    color: var(--color-1st);
    text-transform: uppercase;
    margin: 0;
    text-align: left;
    letter-spacing: 1px;
    font-weight: bold;
}

.intro-pic .title-blogs-item {
    height: initial;
}

.title-blogs-item {
    margin: 10px 0 20px 0;
    height: 42px;
    overflow: hidden;
    display: block;
    font-weight: 300;
}

.title-blogs-item a {
    font-size: 14px !important;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    line-height: initial;
    display: block;
}

.item-blogs .desc-blogs {
    color: #878787;
    overflow: hidden;
    text-align: justify;
    min-height: initial
}

.services-package {
    background-color: #f4f4f4
}

.services-package .post__thumbnail {
    background-color: #fff
}

.services-package .post__header {
    padding: 15px 0;
    border-bottom: 2px dashed #838383;
    margin-bottom: 15px;
}

.post__services .item {
    padding-left: 19px;
    position: relative
}

.post__services p:before {
    content: "\f04d";
    position: absolute;
    font-family: 'FontAwesome';
    left: 3px;
    font-size: 8px;
    color: var(--color-1st)
}

.post__services .link-btn {
    border: 1px dashed #ddd;
    border-radius: unset;
    margin-top: 20px !important;
}

.carousel--nav .owl-nav .owl-prev,
.carousel--nav .owl-nav .owl-next {
    margin-right: -10px !important;
    margin-left: -10px !important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.home-products .carousel--nav .owl-nav>* i {
    color: var(--color-2nd);
}

.home-products.grade .link-btn {
    border-radius: 0;
    padding: 8px 55px;
    border: 1px solid var(--color-2nd);
    box-shadow: 0 2px 4px;
}

.home-products.grade {
    padding-bottom: 70px;
}

.home-products.district .link-btn {
    padding: 6px 16px 5px;
    border: unset;
    line-height: 1.3;
    /* background: unset; */
    color: #6a6a6a;
    font-size: 17px;
    font-weight: 600;
}

.home-news .post__header span {
    display: block;
    font-size: 13px;
    margin: 5px 0;
    color: #959595;
    font-style: italic;
}

.homeProducts .slick-center+.homeProduct .homeProduct__inner>.homeProduct__title {
    margin-right: 0;
    margin-left: 84px;
}

.final-line .block {
    line-height: 1.6
}

.final-line .widget__links {
    list-style: none;
    display: flex;
    flex-flow: wrap;
}

.final-line .widget__links li {
    padding: 0 10px;
    position: relative;
}

.final-line .widget__links li:before {
    content: "|";
    position: absolute;
    left: 0px;
}

.final-line .widget__links li:first-child {
    padding-left: 0;
}

.final-line .widget__links li:first-child:before {
    content: unset
}

.d-grid {
    display: grid !important
}

.grid-col-2 {
    grid-template-columns: auto auto;
    gap: 10px;
}

.grid-col-2-fix {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.grid-col-3 {
    grid-template-columns: 1fr 1fr 1fr
}

.grid-col-4 {
    grid-template-columns: repeat(auto-fill, minmax(265px, 1fr));
    /*minmax(265px, 1fr));*/
    gap: 18px
}

.grid-col-2-12 {
    grid-template-columns: 1fr 2fr;
    gap: 14px;
}

.grid-col-2-142auto {
    grid-template-columns: 216px auto;
    gap: 15px;
}

.grid-col-2-185auto {
    grid-template-columns: 185px auto;
    gap: 12px
}

.grid-col-2-13 {
    grid-template-columns: 1fr 3fr;
    gap: 10px
}

.grid-col-2-14 {
    grid-template-columns: 1fr 4fr;
    gap: 10px
}

.grid-col-2-21 {
    grid-template-columns: 2fr 1fr;
    gap: 10px
}

.grid-col-2-collection {
    grid-template-columns: 80px 1fr;
}

.grid-col-2-map {
    grid-template-columns: 55px 1fr;
}

.grid-col-2-spec {
    grid-template-columns: 40px 1fr;
}

.inline-grid {
    display: inline-grid
}

.product__content p {
    font-weight: 400
}

.product__content .address {
    color: #696969;
    font-size: 13px;
}

.product__content i {
    color: var(--color-1st);
    margin-right: 5px
}

.secondary .item .content {
    display: flex;
    align-items: center;
    padding-top: 5px
}

.secondary .item .content a {
    font-size: 13px;
}

.section--homepage .slick-list {
    margin: 0 -15px;
    padding: 0 20px;
}

.border-dashed {
    border: 1px dashed #bbbc00;
}

.arti-list {
    height: 100%;
}

.arti-list .d-gridx {
    position: sticky;
    top: 60px;
}

.arti-list .title {
    color: var(--color-1st);
    position: relative;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 26px;
}

.arti-list ul {
    list-style: none;
    padding: unset;
}

.arti-list .item {
    border-top: 1px dashed #949090;
}

.arti-list .h4 {
    padding-left: 10px;
    margin: 0;
    position: relative;
    font-size: 13px;
}

.arti-list .h4:before {
    position: absolute;
    left: -3px;
    top: 1px;
    display: block;
    width: 15px;
    height: 100%;
    content: "\f101";
    font: normal normal normal 12px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-slider {
    transform: scaleY(0) !important;
    transform-origin: top;
    overflow: hidden;
    opacity: 0 !important;
    visibility: hidden !important;
    /*   display: none !important; */
    transition: transform 1s ease 3s;
    -webkit-transition: transform 1s ease;
}

.slick-slider.slick-initialized {
    transform: scaleY(1) !important;
    visibility: visible !important;
    opacity: 1 !important;
    /*   display: block !important */
}

.footer .container:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f0f0f0;
    z-index: -1;
}

.product__header .product__thumbnail {
    overflow: hidden
}

.page--inner .post .post__wrapper {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15) !important;
    overflow: hidden;
}

.page--inner .post .post__wrapper:hover {
    box-shadow: 0 2px 6px 2px #b1b1b1 !important;
}

.home-news .feedback .content:before {
    content: "\f10d";
    font-family: "FontAwesome";
    position: absolute;
    left: -30px;
    top: -10px;
    font-size: 25px;
    color: #dbd6b8;
}

.home-news .feedback .title {
    color: #dbbc00;
}

.home-news .feedback .right-side {
    border-bottom: 2px dashed #ddd
}

footer .list--social li {
    margin-right: 5px;
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.home-news .item {
    margin-bottom: 18px
}

.home-news.custom .item {
    margin-bottom: 20px
}

.video .post__wrapper .post__content {
    padding: 5px 20px;
}

.video .left-col .collection_link {
    font-size: 20px;
    font-weight: 400;
}

.video .right-col .collection_link {
    font-size: 15px;
    font-weight: 400;
}

.video .right-col .post .post__header {
    padding: 5px 0 0;
}

/* the slides */
.home-feedback .slick-slide {
    margin: 0 26px;
}

/* the parent */
.home-feedback .slick-list {
    margin: 0 -26px;
}

.home-feedback img {
    border-radius: 10px
}

.home-feedback .item {
    background: #fff;
    border-radius: 10px;
    padding: 35px 45px
}

.home-feedback .content {
    font-size: 16px;
    color: #616161;
}

.home-feedback .right-side:after {
    content: "\f10e";
    font-family: "FontAwesome";
    color: #ddd;
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 120px;
    transform: translate(0, -50%);
}

.home-contact .block--contact-form {
    background: white;
    padding: 20px;
    border-radius: 10px;
    border: 2px solid #ddd;
    box-shadow: 0 3px 5px 0 #272727d1;
}

.home-slider .container {
    position: absolute;
}

.home-slider .block--contact-form {
    position: absolute;
    right: 10%;
    top: 0;
    bottom: 0;
    z-index: 100;
    max-width: 400px;
    background: #00000030;
    padding: 0 50px;
    backdrop-filter: blur(3px);
}

.home-slider .block--contact-form p {
    max-width: unset
}

.home-slider .contact-form {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}

.home-slider input,
.home-slider textarea {
    background: transparent !important;
    border-radius: 0;
    border: 1px solid #fff;
    color: #fff
}

.home-slider input:focus,
.home-slider textarea:focus {
    color: #fff;
    background: #00000057 !important;
}

.home-slider input::placeholder,
.home-slider textarea::placeholder {
    color: #fff
}

.main-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 8vw;
    margin-bottom: 0 !important;
    opacity: 0;
    visibility: hidden;
    transition: all 1.2s ease;
    margin-top: -64px;
}

.main-slider.slick-initialized {
    opacity: 1;
    visibility: visible;
}

.main-slider .slick-slide {
    position: relative;
    /* height: 38vw; */
}

.main-slider .slick-slide::before {
    background-color: #000;
    opacity: 0.3;
    z-index: 1;
}

.main-slider .slick-slide video {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}

.main-slider .slick-slide iframe {
    /* position: relative; */
    pointer-events: none;
}

.main-slider .slick-slide figure {
    position: relative;
    height: 100%;
}

.main-slider .slick-slide .slide-image {
    opacity: 0;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all 0.8s ease;
}

.main-slider .slick-slide .slide-image.show {
    opacity: 1;
}

.main-slider .slick-slide .image-entity {
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

.main-slider .slick-slide .loading {
    position: absolute;
    top: 44%;
    left: 0;
    width: 100%;
}

.main-slider .slick-slide .slide-media {
    -webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
    animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}

.main-slider .slick-slide.slick-active {
    z-index: 1;
}

.main-slider .slick-slide.slick-active .slide-media {
    -webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
    animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}

.main-slider .slick-slide.slick-active .caption {
    opacity: 1;
    transform: translate(-50%, -50%);
    transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
}

.main-slider .caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 100%);
    text-align: center;
    padding: 20px;
    color: #fff;
    margin: 0;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0.02em;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease;
    transform: translateY(100px);
}

.main-slider .caption .title {
    font-size: 20px;
    text-transform: uppercase;
    font-style: italic;
    position: relative
}

.main-slider .caption .link-btn {
    font-size: 18px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 600;
    background: var(--color-2nd);
    border: unset;
    padding: 0 15px;
    border-radius: 20px;
}

.main-slider .caption .title:before {
    content: "";
    width: 100%;
    height: 12px;
    background: var(--color-1st);
    position: absolute;
    bottom: -1px;
    z-index: -1;
    border-radius: 20px;
}

.main-slider .slick-dots {
    text-align: center;
    padding-top: 15px;
}

.main-slider .slick-dots li {
    display: inline-block;
    vertical-align: top;
    margin: 0 8px;
}

.main-slider .slick-dots li button {
    width: 16px;
    height: 16px;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 0 0 transparent;
    vertical-align: middle;
    color: #fff;
    background-color: #fff;
    transition: all 0.3s ease;
    opacity: 0.4;
}

.main-slider .slick-dots li button:focus {
    outline: none;
}

.main-slider .slick-dots li button:hover {
    opacity: 1;
}

.main-slider .slick-dots li.slick-active button {
    border-color: #2d3042;
    box-shadow: 0 0 0 2px #fff;
    opacity: 1;
}


@-webkit-keyframes slideIn {
    from {
        filter: blur(15px);
    }

    to {
        filter: blur(0);
    }
}

@keyframes slideIn {
    from {
        filter: blur(15px);
    }

    to {
        filter: blur(0);
    }
}

@-webkit-keyframes slideOut {
    from {
        filter: blur(0);
    }

    to {
        filter: blur(15px);
    }
}

@keyframes slideOut {
    from {
        filter: blur(0);
    }

    to {
        filter: blur(15px);
    }
}

html {
    background: #fff
}

footer .first-row {
    padding: 70px 0;
    border-bottom-color: var(--color-2nd) !important;
}

.widget--footer .title {
    font-size: 25px;
    margin-bottom: 0;
}

.widget__content .sub-title {
    margin-bottom: 25px;
}

.widget--footer .form--primary-search {
    max-width: 600px;
    margin: 0 auto;
}

.widget--footer .form-control {
    border-radius: 10px;
    background: #ffffff33;
    backdrop-filter: blur(1px);
    color: #fff;
}

.widget--footer .form-control::placeholder {
    color: #fff;
}

.widget--footer button {
    border-radius: unset;
    background: var(--color-2nd);
    color: #fff;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 14px;
}

.product--detail .product__gallery img {
    border-radius: 9px;
    border: 1px solid #ddd;
}

.product__info.pc-mode .cover {
    position: sticky;
    right: 0;
    top: 80px;
    width: 318px;
}

.product__info.pc-mode .box {
    padding: 30px;
    border-radius: 8px;
    background: #fefefe;
    box-shadow: 0 0 1px rgb(0 0 0 / 16%), 0 -1px 2px rgb(3 54 63 / 4%);
}

.product__info.mobile-mode {
    display: none
}

.product__info-detail i {
    color: var(--color-1st)
}

#app .post__header.color .breadcrumb * {
    color: unset
}

.container.single-post {
    margin-top: 50px
}

.post--detail .post__header:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 82%;
    width: 98%;
    background: #ffffff70;
    z-index: -1;
    backdrop-filter: blur(3px);
}

.custome-checkbox {
    display: flex;
    gap: 10px
}

.custome-checkbox .form-check-input {
    margin: unset;
    position: unset
}

.shop__products .row,
.section--related-posts .row {
    row-gap: 20px
}

.header-top .navigation {
    z-index: 2;
    position: relative;
}

body:not(.inner) .header-top:after {
    content: url(/storage/general/header-bg.png);
    /* width: 100%; */
    /* height: 70px; */
    position: absolute;
    top: 0;
    left: -5px;
    z-index: 1;
    /* background: rgb(255,255,255); */
    /*     background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9023984593837535) 10%, rgba(255,255,255,0.8) 20%, rgba(255,255,255,0.7) 30%, rgba(255,255,255,0.6) 40%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.4) 60%, rgba(255,255,255,0.3) 70%, rgba(255,255,255,0.2) 80%, rgba(255,255,255,0.1) 90%, rgba(255,255,255,0) 100%); */
}

.home-collection .item p {
    white-space: pre-wrap;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.home-slider-float .item {
    transition: all .4s ease;
    border-radius: 20px;
}

.home-slider-float .item:hover {
    -webkit-box-shadow: 0 0 10px 5px #0e0e0eba;
    -moz-box-shadow: 0 0 10px 5px #0e0e0eba;
    box-shadow: 0 0 10px 5px #0e0e0eba;
}

.home-slider-float .title {
    top: 0;
    left: 0;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    padding: 20px;
    text-shadow: 0 1px 3px #414141;
}

.home-slider-float {
    margin-top: -430px;
    margin-bottom: 60px;
}

.home-map iframe {
    height: 800px
}

.home-map .container {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.home-map .wrapper {
    max-width: 397px;
    padding: 40px;
    border-radius: 30px;
    background: rgb(0, 130, 188);
    background: linear-gradient(50deg, rgba(0, 130, 188, 1) 0%, rgba(0, 181, 188, 1) 100%);
    -webkit-box-shadow: 0 0 15px 7px #00000029;
    -moz-box-shadow: 0 0 15px 7px #00000029;
    box-shadow: 0 0 15px 7px #00000029;
}

.home-map h2 {
    font-size: 37px
}

.home-map .section__content {
    border-bottom: 1px solid #fff
}

.cover-main-footer {
    padding-top: 80px
}

.ps-list--categories li {
    padding: 7px 20px 7px 0;
    position: relative;
}

.ps-list--categories li .sub-toggle {
    display: inline-block;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
}

.ps-list--categories li .sub-menu {
    background-color: transparent;
    border: none;
    display: none;
    opacity: 1;
    padding-left: 10px !important;
    position: relative;
    transition: all 0s ease;
    visibility: visible;
    z-index: unset;
}

.ps-list--categories li a {
    padding-left: 15px
}

.ps-list--categories>li>a:before {
    content: "\f0da";
    font-family: "fontawesome";
    left: 1px;
    line-height: 20px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.ps-list--categories .sub-menu>li>a {
    padding: 0 0 0 10px;
    border: unset;
}

.slider-post .item img {
    border-radius: 10px
}

.product___gallery {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 12px;
}

.product___gallery .item:first-child {
    flex: none;
    max-width: none;
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 3;
}

.product___gallery .item:first-child img {
    height: 100%
}

.product___gallery img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    border-radius: 12px;
}

.product___gallery .btn {
    bottom: 10px;
    right: 15px;
}

.google-map iframe {
    border: 1px solid #ddd !important;
    border-radius: 10px;
    overflow: hidden;
}

.product__content .product__spec {
    border-bottom: 0.5px solid #A6B0C3;
    padding: 30px 0;
}

.product__content .product__spec:first-child {
    padding-top: 0
}

.product__content .product__spec:last-child {
    border-bottom: unset
}

.product__content .product__spec .h3 {
    font-size: 17px;
    font-weight: 500 !important;
    color: #141414;
}

.product__content .product__spec span {
    color: #676767;
}

.over-hidden {
    overflow: hidden;
}

.helper h3 {
    font-size: 32px;
    font-weight: 500
}

.helper .item * {
    color: #fff
}

.helper .item p {
    font-size: 18px;
    line-height: 1.7;
}

.helper .item span {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: #222531;
    background: #fff;
    text-align: center;
    display: inline-block;
}

.home-quote .container {
    padding: 50px 70px;
    border-radius: 10px;
}

.home-quote .section__content {
    font-size: 30px;
    font-weight: bold;
    max-width: 50%;

}

.home-quote .section__name {
    font-size: 27px;
    font-style: italic
}

.search-product select,
.search-product input,
.search-product button {
    border-radius: 5px;
}

.helper .link-btn.popup-contact {
    min-width: 230px;
    text-align: center;
}

.navigation__right .hotline {
    position: relative;
}

.navigation__right .address {
    font-size: 20px;
}

.navigation__right .hotline:before {
    content: attr(data-heading);
    position: absolute;
    color: #ffcc00;
    width: 120%;
    z-index: 5;
    text-shadow: none;
    left: -1%;
    text-align: left;
    -webkit-animation: flicker 3s linear infinite;
    animation: flicker 3s linear infinite;
}

.main-header .navigation__right .link-btn {}

@-webkit-keyframes flicker {

    0%,
    19.999%,
    22%,
    62.999%,
    64%,
    64.999%,
    70%,
    100% {
        opacity: 0.99;
        text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.4), 1px -1px 0 rgba(255, 255, 255, 0.4), -1px 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 0 rgba(255, 255, 255, 0.4), 0 -2px 8px, 0 0 2px, 0 0 5px #ff7e00, 0 0 15px #ff4444, 0 0 2px #ff7e00, 0 2px 3px #000;
    }

    20%,
    21.999%,
    63%,
    63.999%,
    65%,
    69.999% {
        opacity: 0.4;
        text-shadow: none;
    }
}

@keyframes flicker {

    0%,
    19.999%,
    22%,
    62.999%,
    64%,
    64.999%,
    70%,
    100% {
        opacity: 0.99;
        text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.4), 1px -1px 0 rgba(255, 255, 255, 0.4), -1px 1px 0 rgba(255, 255, 255, 0.4), 1px 1px 0 rgba(255, 255, 255, 0.4), 0 -2px 8px, 0 0 2px, 0 0 5px #ff7e00, 0 0 15px #ff4444, 0 0 2px #ff7e00, 0 2px 3px #000;
    }

    20%,
    21.999%,
    63%,
    63.999%,
    65%,
    69.999% {
        opacity: 0.4;
        text-shadow: none;
    }
}

.home-products .slider-product .slick-slide {
    margin: 0 15px;
}

.home-products .item p.subtitle {
    font-size: 15px;
    font-weight: 400;
}

.product_search_form {
    max-width: 1370px;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 100;
    left: 50%;
    transform: translate(-50%, -50%);
}

.product_search_form .nav-link {
    border: unset;
    color: #7a7a7a;
    background-color: #fff;
    padding: 7px 23px;
    margin-right: 2px;
    border-radius: 5px 5px 0 0;
}

.product_search_form .nav-link.active {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
}

.product_search_form .tab-content {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 0 0 5px 5px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    margin: 0 auto;
    max-width: 100%;
    padding: 20px;
    position: relative;
}

.product_search_form .advance-search {
    position: absolute;
    margin-top: 20px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s;
}

.product_search_form .advance-search.show {
    max-height: 100%;
    overflow: unset;
    position: relative;
}

.product_search_form .advance-search .input-group {
    background: #fff;
}

.product_search_form .advance-search select {
    max-width: unset
}

.product_search_form .nav-tabs {
    border-bottom: unset;
    margin-bottom: 1px;
}

.product_search_form input {
    height: 40px;
    padding-right: 60px !important;
    background: #ffffff00;
    border-radius: 5px;
    border-right: unset;
    border-color: #ffffff8f;
}

.product_search_form select {
    height: 40px;
    background: #ffffff00;
    border-radius: 5px;
    border-color: #ffffff8f;
    color: #ffffffda;
}

.product_search_form input::placeholder {
    color: #ffffffda;
}

.search_btn {
    border: 0;
    font-size: 16px;
    position: absolute;
    right: 8px;
    z-index: 9;
    color: white;
    background-color: #DB0000;
    border-radius: 0 5px 5px 0;
    padding: 5px 25px;
    margin-top: 8px;
}

.btn-group .search_btn,
.btn-group .adv_search_btn {
    position: relative;
    right: unset;
    margin: unset;
}

.btn-group .adv_search_btn {
    background-color: #606060;
}

.search_btn:hover {
    color: var(--color-1st)
}

.search_btn i {
    vertical-align: middle
}

.product_search_form.rounded_input select {
    border-radius: 30px 0 0 30px;
    padding: 8px 35px 8px 15px
}

.product_search_form.rounded_input input {
    border-radius: 0 30px 30px 0 !important
}

.custom_select:before {
    color: #848484;
    content: "\f107";
    display: block;
    font: normal normal normal 13px/1 FontAwesome;
    font-weight: 900;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

select.first_null option:first-child,
select.form-control.first_null option:first-child {
    color: #6c757d;
}

.shop__header .input-group-prepend {
    background: #ddd;
}

.shop__header .input-group-prepend input {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    /* border-left: unset; */
    height: 40px;
}

.shop__header .input-group-prepend select {
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
    border-right: unset;
    height: 40px;
}

.shop__header .input-group-prepend input,
.shop__header .input-group-prepend select {
    border-color: #cecece;
}

.products .dropdown-header {
    font-size: 14px;
    color: var(--color-2nd);
    background: #f4f4f4;
}

.products .dropdown ul {
    visibility: visible;
    opacity: 1;
}

.bootstrap-select .dropdown-menu li:hover {
    background: #f4f4f4;
}

.btn.dropdown-toggle {
    font-size: 14px;
    padding: 6px 20px;
    border: 1px solid #ddd;
}

.profile-content input,
.profile-content select,
.profile-content button,
.profile-content textarea {
    border-radius: 20px;
}

.note-modal-title {
    position: unset;
}

.sub-menu-mega {
    position: absolute;
    top: 104%;
    left: 0;
    min-width: 600px;
    z-index: 1000;
    transition: all .25s ease;
    border: 1px solid #eee;
    background-color: hsla(0, 0%, 100%, .95);
    visibility: hidden;
    opacity: 0;
    padding: 20px 20px;
}

.menu>li.menu-item-has-children .sub-menu-mega {
    visibility: hidden;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: top;
    transition: opacity .5s, visibility .5s, transform .1s ease-in;
}

.menu>li.menu-item-has-children:hover>.sub-menu-mega {
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
    transition: transform .1s ease-in;
}

.s_ub-menu>li>a {
    display: inline-block;
    padding: 10px 5px;
    width: 100%;
    font-size: 13px;
    color: #052560;
    text-transform: capitalize;
    transition: all .8s cubic-bezier(.19, 1, .22, 1);
    border-bottom: 1px dashed #ddd;
}

.menu-name {
    grid-column: 1 / span 2;
    font-size: 20px;
    font-weight: 400;
}

.fly-away {
    position: absolute;
    text-indent: -9999px;
}

.product__header .link-btn,
.product___gallery .link-btn {
    color: white;
    background: var(--color-1st);
    border: 1px solid var(--color-1st);
}

.product__header .link-btn:hover,
.product___gallery .link-btn:hover {
    color: var(--color-1st);
    background: #fff;
}

.btn-primary.custom.search {
    padding: 5px 25px;
    font-size: 15px;
    background: #181818;
    border: 1px solid #181818;
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
}

.btn-primary.custom.search:hover {
    color: #181818;
    background: #fff;
    border: 1px solid #181818;
}

.product__info.box-top {
    margin: 10px 0;
    border-left: 3px solid;
    padding: 10px 10px 10px 20px;
    position: sticky;
    top: 69px;
    z-index: 100;
    background: #fff;
}

.product__info.box-top .link-btn {
    width: 60%;
    background: var(--color-1st);
    color: #fff;
    font-weight: 900;
    font-size: 15px;
    padding: 10px 10px;
    border-color: #000;
}

.product__info.box-top .link-btn:hover {
    background: #fff;
}

.widget--shop .ps-list--categories {
    list-style: none;
    text-align: left;
    padding: 0;
}

.helper.widget {
    border: 2px solid #fff;
    border-radius: 10px;
    padding: 40px 30px;
}

.contact-form-group {
    text-align: left;
}

.product__info .form-control {
    background: unset;
    border: unset;
    border-bottom: 1px solid #ddd;
    padding: 0;
    font-style: italic;
}

.product__info ::-webkit-input-placeholder {
    font-style: italic;
}

.product__info :-moz-placeholder {
    font-style: italic;
}

.product__info ::-moz-placeholder {
    font-style: italic;
}

.product__info :-ms-input-placeholder {
    font-style: italic;
}

.product__info .info i {
    color: #262980;
    font-size: 20px;
}

.product__info .info i.fa-phone {
    font-size: 17px;
}

.shop--sidebar .shop__header .panel-trigger {
    padding: 10px;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 100;
    border-radius: 0;
    background: var(--color-2nd);
}

.shop__header input,
.shop__header select {
    border-radius: 5px;
}

.shop__header .custom_select {
    min-width: 13%;
}

.home-position .item a {
    display: block;
}

.home-position .caption {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: 500;
}

.home-position .small .caption {
    top: 12%;
    left: 10%;
    transform: unset;
    font-size: 20px;
}

.custom-link {
    border-radius: 20px;
    background-color: #f0f0f0;
    color: #656565;
    padding: 8px 23px;
    transition: all .3s ease;
}

.custom-link:hover {
    background-color: #545454;
    color: #eaeaea;
}

.count-num {
    border-radius: 50%;
    /* border: 1px solid #ddd; */
    width: 30px;
    height: 30px;
    padding: 5px;
    margin-right: 13px;
    margin-top: 5px;
    display: inline-block;
    position: relative;
    color: var(--color-2nd);
    font-weight: 600;
}

.count-num::after {
    width: 30px;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #ddd;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.collection_link.with-counter {
    color: #626262;
}

.section--homepage {
    padding: 60px 0;
}

.upload-container {
    border: 1px dashed #007bff;
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    background-color: #ffffff;
    color: #555;
    cursor: pointer;
}

.upload-container.dragover {
    border-color: #28a745;
}

.upload-container h3 {
    margin-bottom: 14px;
    font-size: 15px;
    color: #333;
}

.image-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.image-preview img {
    width: 100px;
    height: 100px;
    border-radius: 5px;
    object-fit: cover;
    border: 1px solid #ddd;
}

.limit-text,
.size-warning {
    margin-top: 5px;
    color: red;
    font-weight: bold;
}

.image-preview .image-item {
    position: relative;
}

#removeImagesButton {
    border: 1px solid #ddd;
    padding: 3px 20px;
    border-radius: 5px;
    font-size: 13px;
    position: absolute;
    top: 0;
    right: 0;
}

.properties-info>div {
    min-width: 20%;
}

#alert-container {
    top: 30px;
    right: 20px;
    position: fixed;
    z-index: 9999999;
}

#alert-container .alert {
    max-width: 450px !important;
    min-height: 45px !important;
    font-weight: 400;
    position: relative;
    padding: 15px 40px 15px 60px;
    margin-bottom: 10px;
    box-shadow: 0 4px 10px 0 rgba(3, 3, 3, 0.1);
}

#alert-container .alert.alert-success {
    color: #299c77;
    background-color: #bff9d0;
}

#alert-container .alert .message-icon {
    position: absolute;
    left: 5%;
    top: 30%;
    font-size: 20px;
    fill: #299c77;
    stroke: #299c77;
}

#alert-container .alert.alert-dismissible .close {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 10px;
    padding: 0;
}

.properties_summary>div {
    min-width: 20%
}

.properties_summary .info {
    font-size: 18px;
}

.red-block {
    background-color: #DB0000;
}

span.red-color {
    color: var(--color-2nd);
}

.red-block * {
    color: #fff;
}

.red-block .caption {
    /* font-size: 18px; */
}

.red-block .content {
    font-size: 18px;
}

.red-block .border-right {
    border-color: #ffffff6b !important;
}

.description.specs>.row {
    box-shadow: 0 0px 1px 1px #c9c9c9;
}

.description.specs .border-top {
    border-color: #e9e9e9 !important;
}

.customer-list-order img {
    /* aspect-ratio: ; */
}

.owl-slider .product__content img {
    width: max-content !important;
    display: inline-block !important;
}

.product__wrapper .product__price span {
    font-size: 18px;
}

.panel__content.last-items a {
    font-size: 16px;
    font-weight: 500;
}

.sub-toggle::before {
    content: unset;
}

.menu--mobile>li.menu-item-has-children:not(.has-mega-menu) .sub-toggle {
    top: 10px;
    height: unset;
    z-index: 10000;
}

.menu--mobile .sub-toggle::after,
.menu--mobile .active.sub-toggle::before {
    content: "\e842" !important;
    font-family: 'feather';
    transform: unset;
    background-color: unset;
    height: unset;
    color: #000;
}

.menu>li.current-menu-item .sub-toggle {
    color: unset;
    transform: rotate(90deg);
}

.menu--mobile {
    max-height: 80vh;
    overflow: auto;
}

.menu--mobile .current-menu-item .sub-toggle::after,
.menu--mobile .current-menu-item .active.sub-toggle::before {
    transform: translate(45%, -85%);
}

.page--product--detail .container {
    max-width: 1200px;
}

.product__info .call_button a {
    padding: 4px 0;
}

.product__info .call_button a {
    padding: 8px 0;
    font-size: 14px;
    font-weight: 500;
}

.properties_summary .text-secondary {
    color: #939393 !important;
    font-weight: 400;
    font-size: 14px;
}

.product__info h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}

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

.properties_detail>div {
    border-bottom: 1px solid #F2F2F2;
    width: calc(50% - 15px);
    float: left;
}

.properties_detail>div:not(:nth-child(2n)) {
    margin-right: 30px;
}

.product__info .product-name {
    font-size: 16px;
    text-align: left;
    font-weight: 600;
    line-height: 1.4;
}

.product__gallery::not(.slick-initialized) {
    display: none;
    aspect-ratio: auto 890/668;
    overflow: hidden;
}

.banner-left,
.banner-right {
    display: none;
}

@media screen and (min-width: 1440px) {
    footer .container {
        max-width: 90%;
    }
}

@media screen and (max-width: 1440px) {
    .home-slider-float {
        margin-top: -230px;
    }

    .product_search_form {
        max-width: 80%;
    }
}

@media screen and (min-width: 1780px) {

    .banner-left img,
    .banner-right img {
        max-width: 100%;
    }
}

@media (min-width: 1500px) and (max-width: 1779px) {

    .banner-left img,
    .banner-right img {
        max-width: 50%;
    }
}

@media screen and (min-width: 1500px) {
    .banner-left {
        left: calc(48% - 1360px / 2 - 160px - 30px) !important;
    }

    .banner-right {
        right: calc(48% - 1360px / 2 - 160px - 30px) !important;
    }

    #app .container {
        max-width: 1100px;
    }
}

@media (min-width: 1365px) {

    .home-intro2,
    .home-intro4,
    .border-top {
        background: #fff;
    }

    #partner,
    .home-intro2,
    .home-intro3,
    .border-top,
    .home-intro4 {
        position: relative;
        z-index: 10;
    }

    .banner-left,
    .banner-right {
        -webkit-transform: scale(1);
        -webkit-transform-origin: 0 0;
        -moz-transform: scale(1);
        -moz-transform-origin: 0 0;
        -o-transform: scale(1);
        -o-transform-origin: 0 0;
        position: fixed;
        top: 70px;
    }

    .inner .banner-left,
    .inner .banner-right {
        display: block;
    }
}

@media (min-width: 1365px) and (max-width: 1499px) {

    #app .container {
        max-width: 1000px;
    }

    .banner-left {
        left: calc(65% - 1360px / 2 - 160px - 30px) !important;
    }

    .banner-right {
        right: calc(65% - 1360px / 2 - 160px - 30px) !important;
    }

    .banner-left img,
    .banner-right img {
        max-width: 160px;
    }
}

@media screen and (max-width: 1400px) {
    .main-header .menu-item-a {
        font-size: 14px;
    }
}

@media screen and (max-width: 1200px) {

    /* body {
        padding-top: 72px;
    }

    body.inner {
        padding-top: 42px;
    } */

    .homeProducts .homeProduct__info__inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    .homeProducts .homeProduct__info__content {
        max-width: 100%;
    }

    .navigation__center {
        margin: 0;
    }

    .main-header .navigation__right * {
        color: unset
    }

    .description.specs .border-top-mobi {
        border-top: 1px solid #e9e9e9 !important;
    }
}

@media screen and (max-width: 1024px) {
    .footer form {
        width: 100%;
        margin-right: unset;
    }

    .home-feature-posts h2:after {
        width: unset;
        left: unset;
        height: unset;
        background: unset;
        position: unset;
        content: unset;
        bottom: unset;
    }

    .newsletter form {
        margin-bottom: 10px;
    }

    .menu--mobile>li>a.logo {
        display: none;
    }

    .home-news .rw .blog-content p,
    .header-top {
        display: none;
    }

    .page--shop .page__hero {
        min-height: 150px;
    }

    .sub-menu-line ul {
        margin: 0 auto 30px;
    }

    .section--homepage h2 {
        font-size: 25px;
    }

    .header .btn-shopping-cart>span {
        top: -5px;
        left: 18px;
    }

    .container.single-post {
        margin-top: 0
    }
}

.customer-list-order .post__wrapper {
    display: grid !important;
    grid-template-columns: 1fr 3fr;
}

@media screen and (max-width: 992px) {

    .properties_summary .info{
        font-size: 14px;
        font-weight: 500;
    }

    .properties_summary {
        flex-wrap: wrap;
    }

    .scrollup{
        width: 40px;
    }

    .secondary .widget__links {
        max-height: unset !important;
    }

    .home-position .caption {
        left: 48%;
        text-align: center;
    }

    .properties-info,
    .action {
        flex-wrap: wrap;
    }

    .customer-list-order .post__wrapper {
        display: block !important;
    }

    .customer-list-order .post__content .ngaythang {
        font-size: 12px;
    }

    .section--homepage .section__header {
        display: block !important;
    }

    .section--homepage .section__header .link_ul {
        overflow-x: scroll;
        padding: 20px 0;
    }

    .section--homepage .section__header .link_ul a {
        white-space: nowrap;
    }

    .home-intro .container .col-md-1 {
        height: 495px;
    }

    .home-intro .container .intro-pic {
        margin-top: 55px;
    }

    .home-blog .blog-right {
        max-width: 47%;
    }

    .footer form {
        width: 100%;
        margin-right: 30px;
    }

    .product .product__wrapper {
        display: block;
    }

    .product__thumbnail {
        width: unset;
    }

    .home-collection .section__content {
        margin-top: -125px;
    }

    .home-products .nav-pills li h2:before {
        content: unset;
        margin: unset;
    }

    .header-top .navigation__left,
    .header-top .list--social {
        display: none;
    }

    .section--homepage .section__header p {
        max-width: unset;
    }

    .hidden-mobile {
        display: none !important
    }

    .home-products .section__header {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .home-slider .block--contact-form {
        display: none
    }

    .product__info.pc-mode {
        /* display: none */
    }

    .product__info.pc-mode .cover {
        width: 100%;
    }

    .product__info.mobile-mode {
        display: block
    }

    .home-slider-float {
        margin-top: unset;
        margin-bottom: unset;
    }

    .home-slider-float .title {
        font-size: 25px;
    }

    .product__info.box-top {
        grid-template-columns: unset
    }

    #panel-menu .btn-login a {
        background: unset;
        border-color: #a4a4a4;
        color: #000 !important;
        font-weight: 500;
    }

    #panel-menu .btn-register a {
        font-weight: 500;
    }

    /* .product_search_form{
      position: unset;
      transform: unset;
      margin-top: 20px;
    } */
}

@media (max-width: 768px) {
    .header-top .navigation__right {
        width: 100%;
        margin-right: unset;
        display: unset;
    }

    .header-top .langs {
        margin-left: unset;
        float: right;
    }

    .home-intro .intro-content {
        padding-top: 20px;
    }

    .home-intro .container .col-md-1 {
        height: 420px;
    }

    .home-intro .container .intro-pic {
        top: -10px;
    }

    .section--homepage .section__header h3 {
        font-size: 22px;
    }

    .mobile-toolbar {
        display: none;
        padding: 15px 0 5px;
    }

    .home-intro .link-btn {
        bottom: 10px;
    }

    .product--detail .product__thumbnail {
        max-width: unset;
    }

    .home-intro .section__header span {
        font-size: 25px;
    }

    .home-intro .section__header p {
        font-size: 15px;
        max-width: 100% !important;
    }

    .home-intro .section__header h1 {
        font-size: 30px;
    }

    .section--blog .section__header {
        background-position: cover;
        background-attachment: scroll !important;
    }

    .home-feedback .owl-stage-outer {
        padding: unset;
    }

    body.inner,
    body {
        padding-top: 72px;
    }

    .view-list .item-blogs .img-blogs,
    .img-holder {
        display: none;
    }

    .homeProducts .homeProduct__info {
        margin-left: -50px;
        margin-right: -50px;
    }

    .homeProducts__slide .slick-dots {
        bottom: -210px;
    }

    .footer .final-line .container {
        grid-template-columns: auto;
        gap: 20px;
        text-align: center;
    }

    .footer .final-line .block {
        text-align: center !important
    }

    .final-line .widget__links {
        justify-content: center;
        margin-bottom: 10px;
        border-top: unset;
    }

    .home-products .section__header,
    .home-services .section__header {
        grid-template-columns: unset;
        text-align: center;
        overflow: hidden;
        border-top: unset;
    }

    ul.subitem {
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 10px;
        white-space: nowrap;
        flex-wrap: unset;
        margin-top: 10px;
        justify-content: unset
    }

    ul.subitem::-webkit-scrollbar {
        display: none;
    }

    .home-products .section__header:after,
    .home-products h2:after,
    .home-products h2:before,
    .home-services .section__header:after,
    .home-services h2:after,
    .home-services h2:before {
        content: unset
    }

    .menu-bar .nav-link {
        padding: 10px 0;
    }

    .main-slider .caption {
        display: none
    }

    .page--shop .page__hero {
        flex-flow: column;
        justify-content: center;
    }

    .section--homepage .section__header p,
    .widget__content .sub-title {
        max-width: 80%
    }

    .section--homepage .section__header {
        text-align: center;
        padding-bottom: 20px;
    }

    .error-inner h1 {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .card-body {
        padding: 0 !important;
    }

    .post__wrapper .post__content p {
        font-size: 14px;
    }

    .link-btn {
        font-size: 10px;
    }

    .home-intro .container .col-md-1 {
        display: none;
    }

    .home-intro .container .intro-pic {
        position: unset;
        margin-top: unset;
    }

    #coverflow {
        width: 100%;
        text-align: -webkit-center;
    }

    .flipster__item img {
        max-width: 50%;
    }

    .flipster__button {
        top: 60%;
        margin: unset;
    }

    .section--homepage .section__header h3 {
        font-size: 22px;
    }

    .home-blog .blog-right {
        max-width: 100%;
        margin: 10px 0;
    }

    .page--inner,
    .page--shop {
        margin: 0 0 50px 0;
        padding: 0;
    }

    .footer .newsletter {
        margin-bottom: 30px;
    }

    .footer .form--subscribe {
        width: 320px;
    }

    .footer form {
        margin-bottom: 10px;
        max-width: 90% !important;
    }

    .footer .final-line {
        margin-bottom: 50px;
        display: block;
    }

    .footer .right .widget--footer:last-child {
        margin-bottom: 20px;
    }

    .home-collection {
        margin-top: 50px;
    }

    .home-collection .section__content {
        margin-top: -50px;
    }

    .home-collection .section__header p br,
    #top-line {
        display: none;
    }

    .nav-pills .nav-link h2 {
        font-size: 20px;
    }

    .home-categories .cat-img-transf {
        width: 50%;
        margin: 0 auto;
        margin-bottom: 50px;
        margin-top: 50px;
    }

    #logobottom {
        height: 200px;
    }

    .home-news .section__content .item {
        margin-bottom: 10px;
    }

    .home-news .section__content .item .banner-effect {
        margin-bottom: 14px;
    }

    .product--detail .tab-list li {
        margin-right: 0;
    }

    .sub-menu-line .widget__links {
        width: 100%;
    }

    .sub-menu-line .widget__links li {
        margin-left: unset;
    }

    .sub-menu-line ul li span {
        font-size: 14px
    }

    .section--homepage h2 {
        font-size: 23px
    }

    .home-intro3 h3 {
        font-size: 16px;
    }

    .home-news .section__content .right .item {
        margin-bottom: 8px;
    }

    .grid-col-2,
    .home-news .grid-col-2-fix,
    .grid-col-2-fix {
        grid-template-columns: 1fr;
        gap: 20px
    }

    .grid-col-2-21 {
        grid-template-columns: 1fr;
        gap: 10px !important;
    }

    .grid-col-2-12 {
        grid-template-columns: auto;
    }

    /* .grid-col-4, */
    .grid-col-3 {
        gap: 10px;
        grid-template-columns: 1fr 1fr;
    }

    .grid-col-2-185auto,
    .grid-col-2-142auto {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .product__content .block-2:nth-child(3) {
        gap: 0
    }

    .home-intro {
        padding: 50px 0 0;
    }

    .home-collection .w-75 {
        width: 100% !important
    }

    .main-slider {
        margin-top: 0
    }

    .grid-col-2-collection {
        gap: 10px !important
    }

    .home-collection .item p {
        font-size: 13px;
    }

    .home-news .cover .item {
        margin-bottom: 20px
    }

    .home-quote .section__content {
        max-width: unset
    }

    .home-quote .container {
        padding: 50px 40px;
        border-radius: unset;
    }

    .product___gallery .item:first-child {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 1;
        grid-column-end: 5;
        height: fit-content;
    }

    .product___gallery .btn {
        bottom: 80px;
    }

    .product___gallery {
        grid-template-columns: unset;
    }

    .product__info .d-flex {
        justify-content: space-around;
        gap: 10px !important;
    }

    .product__info .d-flex .link-btn {
        width: 100%;
    }

    .helper.widget {
        padding: 30px 20px;
        margin: 5px;
    }

    .helper h3 {
        font-size: 22px;
        font-weight: 500;
    }

    .helper .item p {
        font-size: 14px;
        line-height: 1.5;
    }

    .helper .item span {
        width: 25px;
        height: 25px;
    }

    .helper .btn-gr {
        flex-flow: column;
        gap: 10px !important;
    }

    .home-products .grid-col-3 {
        grid-template-columns: 1fr;
    }

    .product_search_form {
        max-width: 94%;
    }

    .product_search_form .nav-link {
        padding: 7px 15px;
        font-size: 12px;
    }

    .menu--mobile>li>a,
    .panel__content.last-items a {
        font-size: 14px;
    }

    .header--mobile #logo {
        max-height: 40px;
    }

    .section--homepage {
        padding: 30px 0;
    }

    .post--detail .post__header h1 {
        font-size: 20px;
        line-height: 1.3;
    }

    .home-position .small.grid-col-2 {
        grid-template-columns: 1fr 1fr;
    }

    .home-position .custom-link {
        padding: 5px 20px;
        font-size: 12px;
    }

    .product_search_form .form-control {
        height: 38px;
        font-size: 12px;
        padding: 10px 5px;
    }

    .product_search_form .form-control {
        padding-right: 20px !important;
    }

    .product_search_form .search_btn {
        font-size: 12px;
    }

    .main-slider .slide-image {
        height: 400px !important;
    }

    .search-btn-1 {
        padding: 4px 12px;
        margin: 0;
    }

    .home-news .nav-link {
        font-size: 14px;
    }

    .properties_detail>div {
        width: calc(100%);
    }

    .product--detail .product__title {
        font-size: 18px;
        font-weight: 500;
        margin: 9px 0;
    }

    .cover-main-footer {
        padding-top: 40px;
    }

    .cover-main-footer .secondary {
        padding-bottom: 10px;
    }

    .widget__links {
        overflow: hidden;
        max-height: 0;
        transition: all .4s ease;
    }

    .widget__links.show {
        max-height: 500px;
    }
}

@media screen and (max-width: 375px) {
    .home-blog .blog-right {
        display: block;
    }

    .home-blog .blog-content {
        margin-top: 10px;
    }

    .home-blog .blog-content h4 {
        line-height: 1.6em;
    }
}

.scrollup {
    position: fixed;
    right: 15px;
    bottom: 102px;
    z-index: 999;
}