@font-face {
    font-family: 'Messapia';
    font-style: normal;
    font-display: swap;
    font-weight: 900;
    src: url(/fonts/Matahari/Messapia-Bold.otf) format("truetype");
}
@font-face {
    font-family: 'Matahari';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url(/fonts/Matahari/Matahari-700Bold.ttf) format("truetype");
}
@font-face {
    font-family: 'Matahari';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url(/fonts/Matahari/Matahari-400Regular.ttf) format("truetype");
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Matahari", sans-serif  !important;
}
.full-width-homepage.collection-type-page.homepage #main.main-product {
    max-width: none;
}

#main.main-product .wrapper-product{
    max-width: 100%;
    margin: auto;
}

#productList .product-wrapper{
    padding: 0 5px;
}
.listBannerInsta .BannerInstaItem a img{
    object-fit: cover;
}

.product-wrapper .ani,
.header-bar .contentPromotion,
.hotlineHeader,.popupWrapp .boxInfo .modal-description{
    font-family: 'Matahari';
}

.main-product .recomment>h3{
    /*text-align: center;*/
    font-family: 'Matahari';
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 20px;
    font-weight: 600!important;
}

.main-product .recomment>.row{
    margin: 0;
}

.main-product .recomment .myani{
    padding: 0;
}

.sys-store .form-group{
    padding-bottom: 10px;
}

#stock-box{
    padding: 0;
    max-height: 192px;
}
#stock-box .stock:last-child{
    margin-bottom: 0;
}

.home-slider{
    border-bottom: 1px solid;
    border-top: 1px solid;
}
.header-bar .contentPromotion {
 font-size: 15px;
}
.site-footer p.site-footer__links {
 display: none;
}
@media (max-width: 653px) {
    .product-title{
        text-align: center;
    }
}

@media (min-width: 641px) {
    #flowItems{
        width: 75%;
    }
    .img_feature, #header{
        width: 100%!important;
    }
}

@media (min-width: 768px) {
    .hotProduct .col-odl picture img{
        max-height: 100%;
    }
}

@media (min-width: 1200px) {
    .col-odl>a:first-child{
        height: auto;
    }
    .listBannerInsta .BannerInstaItem{
        height: 250px;
    }
    .col-odl picture img{
        height: 100% !important;
    }
}
@media (max-width: 768px) {
    .col-odl > a:first-child {
        height: 250px;
    }
}
@media (max-width: 480px) {
    .col-odl picture img {
        height: 250px !important;
    }
}
.col-odl picture{
    width: 100%;
}
@media(min-width: 641px){
    #header{
        position: initial !important;
    }
}
.arcontactus-widget.arcontactus-message{
    bottom: 135px;
}
.st_1 .tool {
    justify-content: end;
}
.st_1 {
    background: none !important;
}
ul.s_list li a {
    font-size: 14px;
    font-family: Matahari;
}
.wrapper-block i.fa.fa-minus {
    display: none;
}
.col-odl picture img{
    height: 100%;
}
 .arcontactus-widget .messanger p, .arcontactus-widget .arcontactus-message-button p {
     font-family: "Matahari", sans-serif  !important;
 }
@media(min-width: 1440px){
    #flowItems{
        width: 1000px !important;
    }
}
@media(min-width: 992px){
    #flowItems {
        margin-top: 50px !important;
    }
    #flowItems .img_feature {
        margin-left: 5px;
        width: 74vw !important;
    }
}
 #main {
     width: 100% !important;
 }
 .full-width-homepage.collection-type-page.homepage #main {
     max-width: 100% !important;
 }
 div #productList {
     margin: 36px 0 !important;
 }
 #main>.wrapper {
     padding: 25px 15px !important;
 }
.container {
    width: 100% !important;
}
 .breadcrumb {
     padding: 8px 0 !important;
 }
 #flowItems {
     margin-top: 20px !important;
 }
 .col-odl picture img {
     aspect-ratio: 3/4;
 }
 .album-images .fancybox-album img {
     height: auto !important;
     aspect-ratio: 3/4;
 }
 .i_box, .i_box.i_s13 {
     border: none;
 }
 #main_i .video-wrapper{
     padding-bottom: 100%;
 }
 @media (max-width: 1024px) {
     #main>.wrapper {
         padding: 25px 5px !important;
     }
 }
 .i_box.i_s13 {
     width: 50%;
     flex-basis: 50%;
 }
 .boxInstagram .owl-carousel .owl-stage {
     display: flex;
     align-items: center;
     justify-content: center;
 }
 .listBannerInsta {
     background: #4c4a47;
 }

@media (max-width: 767px) {
    .titleBoxInsta {
        position: unset;
        width: 100%;
    }
}