@font-face {
    font-family: 'Content-Custom-Fonts';
    src: url('../fonts/Gantari-Regular.ttf');
    font-display: swap;
}

@font-face {
    font-family: 'Title-Custom-Fonts';
    src: url('../fonts/Gantari-Medium.ttf');
    font-display: swap;

}

@font-face {
    font-family: 'Title-Custom-Fonts-1';
    src: url('../fonts/Gantari-Light.ttf');
    font-display: swap;
}


:root {

    --mian-font-color1: #000;
    --mian-font-color2: #7d7d7d;
    --mian-font-color3: #585858;

    /* banner font size */
    --mian-index-banner-h1-size: 92px;
    --mian-index-banner-h2-size: 68px;
    --mian-index-banner-h3-size: 36px;
    --mian-index-banner-p-size: 25px;

    /* banner font size end*/
    --mian-title-h1-size: 46px;
    --mian-banner-p: 33px;
    --mian-title-font-shadow: 28px;
    --mian-index-banner-title-h1-size: 30px;
    --mian-index-banner-title-h2-size: 28px;
    --mian-title-h2-size: 42px;
    --mian-title-h3-size: 24px;
    --mian-title-h4-size: 22px;
    --mian-title-h5-size: 20px;
    --mian-title-h6-size: 18px;

    --mian-paragraph-font-size: 24px;
    --mian-text-font-size: 20px;
    --mian-small-size: 18px;
    --mian-super-small-size: 16px;
}

.large-font {}

body[class*="toads_"] {
    color: var(--mian-font-color3);
    font-size: var(--mian-small-size);
}



body h1,
body h1 *,
body h2,
body h2 *,
body h3,
body h3 *,
body h4,
body h4 *,
body h5,
body h5 *,
body h6,
body h6 *,
body figcaption,
span,
body b {
    font-family: "Montserrat", sans-serif;
    font-stretch: semi-condensed;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;

}

[class*="toads_page_home"] .index-banner-text-wrap h1,
.banner-title,
.inner-page-banner .banner-title-2 {
    font-size: var(--mian-index-banner-h1-size);
}

.large-font,
.large-font * {
    font-size: var(--mian-index-banner-h1-size);

}

time,
time * {
    font-weight: 800;
}

body h1,
body h1 *,
div.inside-page-style-title {
    font-size: var(--mian-title-h1-size);

}

body h2,
body h2 * {
    font-size: var(--mian-title-h2-size);

}

body h1,
body h1 *,
body h2,
body h2 * {
    font-weight: 600;
}

body h3,
body h3 *,
body h4,
body h4 * {
    font-weight: 400;
}

body h5,
body h5 *,
body h6,
body h6 * {
    font-weight: 300;
}

.banner-content div,
.banner-content p,
.banner-content p *,
.index-banner-text-p p {
    font-size: var(--mian-banner-p);
    font-weight: 100;
    font-family: "Montserrat", sans-serif;
}

.toads_page_home-page_id-2 .banner-item-text-wrap h1,
h1.product-details-title * {
    font-size: var(--mian-index-banner-title-h1-size);
    text-shadow: none;
}

.toads_page_home-page_id-2 .banner-item-text-wrap h2 {
    font-size: var(--mian-index-banner-title-h2-size);
    text-shadow: none;
}

.inside-page-banner-txt-style a {
    color: #fff;
    text-decoration: underline;
}

body h3,
body h3 *,
.medium-font {

    font-size: var(--mian-title-h3-size);
    line-height: 1.1;
}

body h3 b {
    font-size: calc(var(--mian-title-h3-size) + 6px);
}

body h4,
body h4 * {
    font-size: var(--mian-title-h4-size);
}

body h5,
body h5 *.product-details-tab-title-item *,
.m-title {
    font-size: var(--mian-title-h5-size);

}

body h6,
body h6 *,
figcaption {
    font-size: var(--mian-title-h6-size);

}

.projects-detail-top-right-title span {
    font-size: var(--mian-title-h3-size);
}

/* body .footer-link,.copyright{
    letter-spacing:var(--mian-letter-spacing);
    font-size: var(--mian-small-size);
}
 */
body .small-font,
body h1.small-font,
body h2.small-font,
body h3.small-font,
body h4.small-font,
body h5.small-font,
body h6.small-font,
body p.small-font,
body .small-font *,
.comments-list-swiper .comments-item-user-content * {
    font-size: var(--mian-small-size);
    font-family: "Montserrat", sans-serif;
}

body b,
p,
i,
input,
textarea,
label,
a,
div,
.top-cat li h3 a,
.sub-cat-wrap h3 a,
textarea,
div,
text,
button * {

    font-family: "Montserrat", sans-serif;
    font-size: var(--mian-text-font-size);
    line-height: 1.4;
}

body div.oxy-gallery-captions.oxy-gallery .oxy-gallery-item .oxy-gallery-item-contents figcaption {
    font-size: var(--mian-paragraph-font-size-b) !important;
    font-family: "Montserrat", sans-serif;
}

body .small-size {
    font-size: var(--mian-small-size);
}

.inside-page-banner-txt-style h1 {
    text-shadow: 2px 1px 8px #000000;
}

.ct-text-block,
.oxy-rich-text p,
.oxy-rich-text,
tr,
td {
    font-size: var(--mian-small-size);
}

.autoc-wrap-js ul {}

.autoc-wrap-js ul li {}

.autoc-wrap-js ul li[is-tag-name="is-tag-h1"] {
    font-size: var(--autoc-tag-h1-size);
}

.autoc-wrap-js ul li[is-tag-name="is-tag-h2"] {
    font-size: var(--autoc-tag-h2-size);
}

.autoc-wrap-js ul li[is-tag-name="is-tag-h3"] {
    font-size: var(--autoc-tag-h3-size);
}

.autoc-wrap-js ul li[is-tag-name="is-tag-h4"] {
    font-size: var(--autoc-tag-h4-size);
}

.autoc-wrap-js ul li[is-tag-name="is-tag-h5"] {
    font-size: var(--autoc-tag-h5-size);
}

.autoc-wrap-js ul li[is-tag-name="is-tag-h6"] {
    font-size: var(--autoc-tag-h6-size);
}

.news-detail-content h2 {}

.news-detail-content h2 {}

@media only screen and (max-width : 1600px) {
    :root {
        --mian-index-banner-title-h1-size: 55px;


    }

}

@media only screen and (max-width : 1536px) {
    :root {

        /* banner font size */
        --mian-index-banner-h1-size: 66px;
        --mian-index-banner-h2-size: 28px;
        --mian-index-banner-p-size: 25px;
        --mian-index-banner-h3-size: 18px;
        /* banner font size end*/

        --mian-title-h1-size: 36px;
        --mian-banner-p: 26px;

        --mian-title-font-shadow: 28px;
        --mian-title-h2-size: 29px;
        --mian-title-h3-size: 24px;
        --mian-title-h4-size: 20px;
        --mian-title-h5-size: 20px;
        --mian-title-h6-size: 18px;

        --mian-paragraph-font-size: 24px;
        --mian-text-font-size: 19px;
        --mian-small-size: 16px;
        --mian-super-small-size: 14px;
    }
}

@media only screen and (max-width : 1366px) {
    :root {
        --mian-index-banner-h1-size: 40px;
        --mian-index-banner-h2-size: 28px;

    }
}

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

        /* banner font size */
        --mian-index-banner-h1-size: 34px;
        --mian-index-banner-h2-size: 26px;
        --mian-index-banner-p-size: 20px;
        --mian-index-banner-h3-size: 14px;
        /* banner font size end*/

        --mian-banner-p: 28px;
        --mian-title-font-shadow: 28px;
        --mian-index-banner-title-h1-size: 30px;
        --mian-index-banner-title-h2-size: 28px;
        --mian-title-h2-size: 30px;
        --mian-title-h3-size: 24px;
        --mian-title-h4-size: 18px;
        --mian-title-h5-size: 18px;
        --mian-title-h6-size: 18px;
        --mian-paragraph-font-size: 24px;
        --mian-text-font-size: 17px;
        --mian-small-size: 15px;
        --mian-super-small-size: 14px;
    }
}

@media only screen and (max-width : 1080px) {
    :root {


        --mian-banner-p: 24px;
    }
}

@media only screen and (max-width : 800px) {
    :root {

        /* banner font size */
        --mian-index-banner-h1-size: 42px;
        --mian-index-banner-h2-size: 30px;
        --mian-index-banner-p-size: 25px;
        /* banner font size end*/

        --mian-banner-p: 24px;
        --mian-title-h1-size: 30px;
        --mian-title-font-shadow: 28px;
        --mian-index-banner-title-h1-size: 32px;
        --mian-index-banner-title-h2-size: 28px;
        --mian-title-h2-size: 23px;
        --mian-title-h3-size: 20px;
        --mian-title-h4-size: 18px;
        --mian-title-h5-size: 17px;
        --mian-title-h6-size: 16px;
        --mian-paragraph-font-size: 15px;
        --mian-text-font-size: 15px;
        --mian-small-size: 15px;
        --mian-super-small-size: 14px;
    }

}

@media only screen and (max-width : 768px) {
    :root {
        /* banner font size */
        --mian-index-banner-h1-size: 22px;
        --mian-index-banner-h2-size: 18px;
        --mian-index-banner-p-size: 16px;
        /* banner font size end*/
        --mian-title-h1-size: 22px;

        --mian-title-font-shadow: 26px;
        --mian-index-banner-title-h1-size: 24px;
        --mian-index-banner-title-h2-size: 20px;
        --mian-title-h2-size: 24px;
        --mian-title-h3-size: 22px;
        --mian-title-h4-size: 18px;
        --mian-title-h5-size: 16px;
        --mian-title-h6-size: 16px;
        --mian-paragraph-font-size: 18px;
        --mian-text-font-size: 16px;
        --mian-small-size: 15px;
        --mian-super-small-size: 14px;
    }
}

@media only screen and (max-width : 640px) {
    :root {
        --mian-banner-p: 20px;
    }
}

@media only screen and (max-width : 480px) {
    :root {
        /* banner font size */
        --mian-index-banner-h1-size: 22px;
        --mian-index-banner-h2-size: 18px;
        --mian-index-banner-p-size: 16px;
        /* banner font size end*/

        --mian-banner-p: 22px;
        --mian-title-font-shadow: 22px;
        --mian-index-banner-title-h1-size: 22px;
        --mian-index-banner-title-h2-size: 18px;

        --mian-banner-p: 18px;

        --mian-title-h2-size: 20px;
        --mian-title-h3-size: 19px;
        --mian-title-h4-size: 18px;
        --mian-title-h5-size: 17px;
        --mian-title-h6-size: 16px;
        --mian-paragraph-font-size: 15px;
        --mian-text-font-size: 15px;
        --mian-small-size: 15px;
        --mian-super-small-size: 14px;
    }
}

@media only screen and (max-width : 480px) {}

@media only screen and (max-width : 414px) {}

@media only screen and (max-width : 375px) {}

@media only screen and (max-width : 360px) {}

/*global font-size */