/* ==============Main css for GeorgiaTEK ======================= */
/* 
Author:Dineshkumar
Created-date:28-
Reason: Website development
 */

 :root{
    --white:#FFFFFF;
    --black:#000000;
    --thunder:#2E2E2E;
    --smokeyGrey:#707070;
    --stormDust:#646362;
    --orangePeel: #FFA200;
    --lavaRed:#E0231D;
 }

 
 /* ========font-color=========== */
 .white{color:var(--white);}
 .black{color:var(--black);}
 .thunder{color:var(--thunder);}
 .smokeyGrey{color:var(--smokeyGrey);}
 .stormDust{color:var(--stormDust);}
 .orangePeel{color:var(--orangePeel);}
 .lavaRed{color:var(--lavaRed);}


 /* =========font-size=========== */

 /* line height */
 .f30,.f28,.f23,.f20,.f18,.f15,.f14,.f12{line-height: 1.5;}

 .f30{font-size:30px;}
 .f28{font-size:28px;}
 .f23{font-size:23px;}
 .f20{font-size:20px;}
 .f18{font-size:18px;}
 .f16{font-size:16px;}
 .f15{font-size:15px;}
 .f14{font-size:14px;}
 .f13{font-size:13px;}
 .f12{font-size:12px;}


 /* ======responsive fonts======== */
 @media(max-width:1200px) {
  .f30{font-size:28px;}
  .f28{font-size:26px;}
  .f23{font-size:21px;}
  .f20{font-size:19px;}
 }
 
 
 @media(max-width:992px) {
  .f30{font-size:26px;}
  .f28{font-size:24px;}
  .f23{font-size:20px;}
  .f20{font-size:18px;}
  .f18{font-size:17px;}
 }
 
 
 @media(max-width:768px) {
  .f30{font-size:24px;}
  .f28{font-size:22px;}
  .f23{font-size:19px;}
  .f20{font-size:17px;}
  .f18{font-size:16px;}
  .f16{font-size:15px;}
  .f15{font-size:14px;}
 }
 
 @media(max-width:525px) {
  .f30{font-size:22px;}
  .f28{font-size:20px;}
  .f23{font-size:18px;}
  .f20{font-size:16px;}
 }
 


 /* ===========font weight====== */
 .fn{font-weight:normal;}
 .fl{font-weight:lighter;}
 .ft{font-weight:thin;}
 .f300{font-weight:300;}
 .f400{font-weight:400;}
 .f500{font-weight:500;}
 .f600{font-weight:600;}
 .f700{font-weight:700;}
 .f800{font-weight:800;}
 .f900{font-weight:900;}
 .fb{font-weight:bold;}




 /* ======opacity======== */
 .opac75{opacity:0.75;}

.br1200{
  display: block;
}
@media all and (max-width:1119px){
  .br1200{
    display: none;
  }
}
.br768{
  display: block;
}
@media all and (max-width:1119px){
  .br768{
    display: none;
  }
}
 /* =========== */


/* =========== Common media queries======== */


@media(max-width:1119px) {

}


@media(max-width:991px) {
 
}


@media(max-width:767px) {
   
}

@media(max-width:525px) {

}
