@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: 68px;
    --mian-index-banner-h2-size: 72px;
    --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;*/
    --mian-super-small-size: 16px;
}

.large-font{

}

body[class*="thomas_"]{
    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: "Poppins", sans-serif;
    font-stretch: semi-condensed;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.3;
    
}
[class*="thomas_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: "Poppins", sans-serif;
}
.thomas_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;
}
.thomas_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: "Poppins", 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: "Poppins", 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: "Poppins", sans-serif;
}
body .small-size{
    font-size:var(--mian-small-size);
}
.inside-page-banner-txt-style h1{
    text-shadow: 2px 1px 8px #000000;
}

.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: 36px;
        --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: 22px;
        --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: 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: 21px;
       --mian-title-h5-size: 20px;
       --mian-title-h6-size: 18px;
       --mian-paragraph-font-size: 24px;
       --mian-text-font-size: 17px;
       --mian-small-size: 16px;
       --mian-super-small-size: 16px;
   }
}

@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: 14px;
        --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: 20px;
      --mian-title-h5-size: 18px;
      --mian-title-h6-size: 16px;
      --mian-paragraph-font-size: 18px;
      --mian-text-font-size: 16px;
      --mian-small-size: 14px;
      --mian-super-small-size: 18px;
  }
}
@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: 14px;
      --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 */