@font-face {
    font-family: "Times New Roman";
    src: url("../fonts/times-new-roman.eot");
    src: url("../fonts/times-new-roman.eot?#iefix") format("embedded-opentype"),
    url("../fonts/times-new-roman.woff2") format("woff2"),
    url("../fonts/times-new-roman.woff") format("woff"),
    url("../fonts/times-new-roman.ttf") format("truetype");
    font-display: block;
}
@font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-normal.woff2") format("woff2"),
    url("../fonts/roboto-normal.woff") format("woff");
    font-weight: 400;
    font-display: block;
}
@font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-medium.woff2") format("woff2"),
    url("../fonts/roboto-medium.woff") format("woff");
    font-weight: 600;
    font-display: block;
}
@font-face {
    font-family: "Roboto";
    src: url("../fonts/roboto-bold.woff2") format("woff2"),
    url("../fonts/roboto-bold.woff") format("woff");
    font-weight: 700;
    font-display: block;
}
*{
    font-family: 'Roboto', sans-serif; font-weight: 400
}
section.container-fluid .component-inner a:not(.link-btn){
    color: #7a2E77
}
.font-roboto{
    font-family: 'Roboto', sans-serif !important;
}
.font-lato{
    font-family: 'Lato', sans-serif !important;
}
.fw-600{
    font-weight: 600;
}
*{
    font-size: 18px;
    font-family: 'Roboto';
    font-weight: 400;
    line-height: 1.6;
}
.font-m{
    font-size: 16px;
}
h1, h2, h3, h4,
h1 *, h2 *, h3 *, h4 * {
    font-family: 'Lato';
}
h1, h2, h3, h4, h5,
h1 *, h2 *, h3 *, h4 *, h5 * {
    font-weight: 700;
}
.single-article.articles .item-text h1, .single-article.articles .item-text h2, .single-article.articles .item-text h3, .single-article.articles .item-text h4, .single-article.articles .item-text h5,
.single-article.articles .item-text h1 *, .single-article.articles .item-text h2 *, .single-article.articles .item-text h3 *, .single-article.articles .item-text h4 *, .single-article.articles .item-text h5 * {
    color: #7A2E77
}
h5,
h5 *{
    font-family: 'Roboto';
}
h1,
h1 *{
    font-size: 30px;
    line-height: 1.2;
}
h2,
h2 *{
    font-size: 26px;
    line-height: 1.3;
}
h3,
h3 *{
    font-size: 24px;
    line-height: 1.3;
}
h4,
h4 *{
    font-size: 22px;
    line-height: 1.4;
}
h5,
h5 *{
    font-size: 20px;
    line-height: 1.4;
}
h1.purple,
h2.purple,
h3.purple,
h4.purple,
h5.purple,
h6.purple{
    color:#7A2E77
}
#hikashop_cart_bar .step_name,
#hikashop_cart_bar .step_name a{
    font-size: 12px !important;
}
@media (min-width: 480px) {
    #hikashop_cart_bar .step_name,
    #hikashop_cart_bar .step_name a{
        font-size: 16px !important;
    }
}
@media (min-width: 768px) {
    * {
        font-size: 20px;
    }

    .font-m{
        font-size: 18px;
    }

    h1,
    h1 * {
        font-size: 38px;
    }

    h2,
    h2 * {
        font-size: 34px;
    }

    h3,
    h3 * {
        font-size: 30px;
    }

    h4,
    h4 * {
        font-size: 26px;
    }

    h5,
    h5 * {
        font-size: 24px;
    }
}
@media (min-width: 1300px) {
    * {
        font-size: 20px;
    }

    .font-m{
        font-size: 18px;
    }

    h1,
    h1 * {
        font-size: 45px;
    }

    h2,
    h2 * {
        font-size: 38px;
    }

    h3,
    h3 * {
        font-size: 34px;
    }

    h4,
    h4 * {
        font-size: 28px;
    }

    h5,
    h5 * {
        font-size: 26px;
    }
    #hikashop_cart_bar .step_name,
    #hikashop_cart_bar .step_name a{
        font-size: 18px !important;
    }
}
@media (min-width: 1600px){
    *{
        font-size: 22px;
    }
    .font-m{
        font-size: 20px;
    }
    h1,
    h1 *{
        font-size: 52px;
    }
    h2,
    h2 *{
        font-size: 42px;
    }
    h3,
    h3 *{
        font-size: 38px;
    }
    h4,
    h4 *{
        font-size: 30px;
    }
    h5,
    h5 *{
        font-size: 28px;
    }
}
@media (min-width: 1850px){
    *{
        font-size: 22px;
    }
    .font-m{
        font-size: 20px;
    }
    h1,
    h1 *{
        font-size: 58px;
    }
    h2,
    h2 *{
        font-size: 48px;
    }
    h3,
    h3 *{
        font-size: 42px;
    }
    h4,
    h4 *{
        font-size: 32px;
    }
    h5,
    h5 *{
        font-size: 30px;
    }
}