@font-face {
    font-family: iart;
    font-display: swap;
    src: url(assets/fonts/SourceSansPro-Regular.ttf);
    font-weight: 400;
}
@font-face {
    font-family: iart;
    font-display: swap;
    src: url(assets/fonts/SourceSansPro-Light.ttf);
    font-weight: 300;
}
@font-face {
    font-family: iart;
    font-display: swap;
    src: url(assets/fonts/);
    font-weight: 500;
}
@font-face {
    font-family: iart;
    font-display: swap;
    src: url(assets/fonts/SourceSansPro-Bold.ttf);
    font-weight: 600;
}
@font-face {
    font-family: iart;
    font-display: swap;
    src: url(assets/fonts/SourceSansPro-Semibold.ttf);
    font-weight: 800;
}

body * {
    /* font-family: iart !important; */
    /* font-family: 'Source Sans 3', sans-serif !important; */
    font-family: 'Raleway', sans-serif !important;
}
#top-bar .nav li {
    font-size: 16px;
}
#top-bar .nav li strong {
    font-weight: 600;
    color: yellow;
}
.header-main .header-search-form  {
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
}
.header-main .header-nav {
    justify-content: center;
}
.header-main .searchform input {
    line-height: 40px;
    height: 40px;
    background: no-repeat;
    padding: 0 20px;
    font-size: 16px;
    font-style: italic;
}
.header-main .searchform button {
    right: 6px;
}
#wrapper .header-main .searchform button .icon-search {
    font-size: 20px;
}
#wrapper .header-main .searchform button .icon-search:hover {
    color: red;
}
.header-main .header-inner {
    padding: 0;
    /* border-bottom: 1px solid #ddd; */
}
#header #wide-nav {
    background: no-repeat;
}
#wide-nav .nav > li > a {
    font-size: 15px;
    font-weight: 700;
    color: #000;
}
#masthead * {
    font-size: 15px;
}
.header-bottom .nav li.menu-item {
    margin: 0 20px;
}
#header .header-bottom .nav li.menu-item.active a,
#header .header-bottom .nav li.menu-item a:hover {
    color: #EE1F05;
}
.col {
    padding-bottom: 0;
}
#main .hm-pd {
    padding: 60px 0;
}
#main .section-title-container {
    margin-bottom: 0;
}
.product-small.col .wvs-archive-variations-wrapper {
    display: none;
}
#header #masthead {
    height: auto;
}
#masthead #logo {
    padding: 12px 0;
}
#masthead #logo img {
    max-height: 75px;
    width: auto;
}
#footer .ux-logo img {
    max-height: 75px;
    width: auto;
    margin: 0 auto;
}
#footer .ftr-iart ul li {
    margin-left: 0;
}

.nav .menu-item .nav-dropdown .row.has-block {
    margin: 0;
    padding: 10px 0;
}
.nav .menu-item .nav-dropdown .row.has-block .col {
    padding-bottom: 0;
}
.nav .nav-dropdown .menu-item a {
    margin: 0;
}
.nav .mg2 .nav-dropdown {
    min-width: 400px;
}
#masthead .header-nav-main .woocommerce-mini-cart a {
    font-size: 13px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#masthead .header-nav-main .woocommerce-mini-cart .variation,
#masthead .header-nav-main .woocommerce-mini-cart .quantity {
    display: none;
}
.header-main .cart-item span.amount {
    color: red !important;
}
.header-wrapper.stuck .header-main #logo img {
    max-height: 45px!important;
}
.header-nav .account-item .header-account-title {
    line-height: normal;
}
#header .stuck {
    background: #fff;
}
#header .stuck #wide-nav {
    min-height: auto;
}
/**************Ipad ngang(1024 x 768)****************/
@media screen and (max-width: 1024px) {

}
/**************end Ipad ngang(1024 x 768)****************/



/******************Ipad dọc(768 x 1024)******************/
@media screen and (max-width: 768px) {
    #masthead .header-inner {
        padding: 0 15px;
    }
    #masthead .header-inner .icon-menu {
        font-size: 26px;
    }
    .header-wrapper .mobile-nav .header-button a {
        background: #333;
    }
    .hm-03 .col-list .col-inner .box {
        padding-bottom: 20px;
    }
    #main .hm-03 .col-list .box .box-text {
        padding-top: 10px;
    }
    .section-title-container {
        margin-bottom: 0;
    }
    .hm-04 .col {
        padding-bottom: 10px;
    }
    #main .section-title b {
        display: none;
    }
    #main .section-title span {
        margin: 0;
        width: 100%;
    }
    .col-list-cate .slick-arrow.slick-prev {
        left: -10px;
    }
    .col-list-cate .slick-arrow.slick-next {
        right: -10px;
    }
    .hm-05 .section-title {
        /* margin-bottom: 0; */
    }
    .row .col {
        padding-bottom: 0;
    }
    .header-wrapper .mobile-nav .header-button a {
        line-height: 33px;
        width: 33px;
        height: 33px;
        min-width: auto;
        min-height: auto;
        padding: 0;
    }
    .hm-list-icon .icon-box .icon-box-text h3 {
        line-height: 120%;
        margin-bottom: 5px;
    }
    .hm-list-icon .icon-box .icon-box-text p {
        line-height: normal;
    }
    #masthead #logo img {
        max-height: 38px !important;
    }
    .single-product.woocommerce form.cart .single_add_to_cart_button,
    .single-product.woocommerce form.cart .buttons_added {
        margin-right: 0 !important;
    }
    .single-product.woocommerce form.cart .single_add_to_cart_button {
        font-size: 16px !important;
        height: 56px;
        line-height: normal;
        padding: 0;
    }
    .product-quick-view-container .input-text.qty, .single-product .product-summary .input-text.qty,
    .single-product.woocommerce form.cart .buttons_added,
    .product-quick-view-container .quantity, .single-product .product-summary .quantity {
        height: 56px !important;
    }
    #main .product-quick-view-container .input-text.qty, .single-product #main .product-summary .input-text.qty {
        height: 56px;
        min-height: 56px;
        padding-left: 1px !important;
    }
    body #main .product-info .quantity .minus, body #main .product-info .quantity .plus {
        height: 29px !important;
        min-height: 29px !important;
        line-height: 29px;
        width: 40px !important;
    }
    #main .product-info .breadcrumbs {
        padding-top: 10px;
    }


}
/******************end Ipad dọc(768 x 1024)******************/



/*................ip6-plus...................*/
@media only screen and (max-width: 550px) {
    #header .header-top {
        min-height: 36px;
    }
    #top-bar .nav li {
        font-size: 14px;
    }
    #main .hm-list-icon {
        padding: 30px 0;
    }
    .hm-list-icon .icon-box .icon-box-text h3 {
        line-height: normal;
        margin-bottom: 0;
    }
    .hm-list-icon .icon-box {
        padding-bottom: 15px;
        align-items: center;
    }
    .hm-list-icon .row .col:last-child .icon-box {
        padding-bottom: 0;
    }
    #main .hm-03 .col-title h3 {
        font-size: 26px;
        line-height: 130%;
    }
    #main .hm-03 .col-list .col-inner {
        grid-template-columns: 1fr 1fr 1fr;
    }
    #main .product-small.box .product-title {
        margin-bottom: 0;
        padding-bottom: 6px;
    }
    #main .list-testi .col-inner {
        display: block;
    }
    .hm-06 .list-testi .col-inner .icon-box {
        margin-bottom: 20px;
    }
    #footer .ftr-iart ul li {
        margin-left: 0;
    }
    #footer .row .col {
        padding-bottom: 20px;
    }
    #footer section.ftr-iart {
        padding: 30px 0;
    }
    #footer section.ftr-iart .is-divider {
        margin-bottom: 6px !important;
    }
    .single-product #wrapper #main .product-info span.amount {
        font-size: 28px;
    }
    .single-product #wrapper #main .product-info del span.amount {
        font-size: 20px;
    }
    .iart-checkout #wooot_order_tip_form button.woo_order_tip, 
    .iart-cart #wooot_order_tip_form button.woo_order_tip {
        margin-bottom: 10px;
    }
    #main .iart-checkout #wooot_order_tip_form .woo_order_tip_remove,
    #main .iart-cart #wooot_order_tip_form button.woo_order_tip_remove {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    #main .iart-checkout .row .col {
        padding-left: 0;
        padding-right: 0;
    }
    #main .iart-checkout form.checkout .has-border {
        padding: 10px 15px;
    }
    #main .iart-checkout .button#place_order {
        line-height: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: normal;
    }
    .iart-checkout #wooot_order_tip_form button.woo_order_tip,
    .iart-cart #wooot_order_tip_form button.woo_order_tip {
        line-height: 30px;
        height: auto;
        min-height: auto;
    }
    .single-product.woocommerce form.cart .single_add_to_cart_button {
        font-size: 14px !important;
    }
    .single-product .product-info .product-title {
        font-size: 16px !important;
    }
    body .header.show-on-scroll, body .stuck .header-main {
        height: 60px !important;
    }
    

}
/*................end ip6-plus...................*/



/*................ip6...................*/
@media only screen and (max-width: 375px) {

}
/*................end ip6...................*/



/***********iphone 5 ----**************/
@media only screen and (max-width: 320px) {

}
/***********end iphone 5 ----**************/