@media screen and (max-width: 620px){
  .display-sm-none{
      display: none;
  }
  .display-sm-block{
      display: block;
  }
  .display-sm-flex{
      display: flex;
  }
  .display-sm-inline-block{
      display: inline-block;
  }

  .lh-sm-1{
    line-height: 1;
  }
  .lh-sm-1-2{
    line-height: 1.2;
  }


.bg-sm-red{
    background-color: red;
}

  
.bg-sm-blue{
    background-color: blue;
}
  
.bg-sm-white{
    background-color: white;
}
  
.bg-sm-green{
    background-color: green;
}
  
.bg-sm-black{
    background-color: black;
}

 
.bg-sm-yellow{
    background-color: yellow;
} 
.bg-sm-gold{
    background-color: gold;
}

.text-sm-white{
    color: white;
  }
  .text-sm-blue{
    color: blue;
  }
  .text-sm-black{
    color: black;
  }
  .text-sm-red{
    color: red;
  }
  .text-sm-tomato{
    color: tomato;
  }
  .text-sm-darkred{
    color: #A25772;
  }
  .text-sm-green{
    color: green;
  }
  .text-sm-yellow{
    color: yellow;
  }
  .text-sm-gold{
    color: gold;
  }
   


  
.flex-sm-center{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin: auto;
   }

  .flex-sm-between{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
   }

   .flex-sm-around{
    margin: auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    flex-wrap: wrap;
   }
 

  .wt-sm-0{
      width: 0px;
  } 
   .wt-sm-1{
      width: 1px;
  } 
   .wt-sm-2{
      width: 2px;
  } 
   .wt-sm-3{
      width: 3px;
  } 
   .wt-sm-4{
      width: 4px;
  } 

  .wt-sm-5{
      width: 5%;
  }
   .wt-sm-6{
      width: 6%;
  }
   .wt-sm-7{
      width: 7%;
  }
   .wt-sm-8{
      width: 8%;
  }
   .wt-sm-9{
      width: 9%;
  } 
  .wt-sm-10{
      width: 10%;
  } 
  .wt-sm-11{
      width: 11%;
  } 
  .wt-sm-12{
      width: 12%;
  } 
  .wt-sm-13{
      width: 13%;
  } 
  .wt-sm-14{
      width: 14%;
  } 
  .wt-sm-15{
      width: 15%;
  } 
  .wt-sm-16{
      width: 16%;
  } 
  .wt-sm-17{
      width: 17%;
  } 
  .wt-sm-18{
      width: 18%;
  } 
  .wt-sm-19{
      width: 19%;
  } 
  .wt-sm-20{
      width: 20%;
  } 
   .wt-sm-21{
      width: 21%;
  } 
   .wt-sm-22{
      width: 22%;
  } 
   .wt-sm-23{
      width: 23%;
  } 
   .wt-sm-24{
      width: 24%;
  } 
  .wt-sm-25{
      width: 25%;
  }
    .wt-sm-26{
      width: 26%;
  }
    .wt-sm-27{
      width: 27%;
  }
    .wt-sm-28{
      width: 28%;
  }
    .wt-sm-29{
      width: 29%;
  }
  .wt-sm-30{
      width: 30%;
  }
   .wt-sm-31{
      width: 31%;
  }
   .wt-sm-32{
      width: 32%;
  }
   .wt-sm-33{
      width: 33%;
  }
   .wt-sm-34{
      width: 34%;
  }
  .wt-sm-35{
      width: 35%;
  }
   .wt-sm-36{
      width: 36%;
  }
   .wt-sm-37{
      width: 37%;
  }
   .wt-sm-38{
      width: 38%;
  }
   .wt-sm-39{
      width: 39%;
  }
  .wt-sm-40{
      width: 40%;
  }
   .wt-sm-41{
      width: 41%;
  }
   .wt-sm-42{
      width: 42%;
  }
   .wt-sm-43{
      width: 43%;
  }
   .wt-sm-44{
      width: 44%;
  }

   .wt-sm-45{
      width: 45%;
  }
   .wt-sm-46{
      width: 46%;
  }
   .wt-sm-47{
      width: 47%;
  }
   .wt-sm-48{
      width: 48%;
  }
   .wt-sm-49{
      width: 49%;
  }
   .wt-sm-50{
      width: 50%;
  }
   .wt-sm-51{
      width: 51%;
  }
   .wt-sm-52{
      width: 52%;
  }
   .wt-sm-53{
      width: 53%;
  }
   .wt-sm-54{
      width: 54%;
  }
   .wt-sm-55{
      width: 55%;
  }
   .wt-sm-56{
      width: 56%;
  }
   .wt-sm-57{
      width: 57%;
  }
   .wt-sm-58{
      width: 58%;
  }
   .wt-sm-59{
      width: 59%;
  }
   .wt-sm-60{
      width: 60%;
  }
   .wt-sm-61{
      width: 61%;
  }
   .wt-sm-62{
      width: 62%;
  }
   .wt-sm-63{
      width: 63%;
  }
   .wt-sm-64{
      width: 64%;
  }
   .wt-sm-65{
      width: 65%;
  }
   .wt-sm-66{
      width: 66%;
  }
   .wt-sm-67{
      width: 67%;
  }
   .wt-sm-68{
      width: 68%;
  }
   .wt-sm-69{
      width: 69%;
  }
   .wt-sm-70{
      width: 70%;
  }
  .wt-sm-71{
      width: 71%;
  }
  .wt-sm-72{
      width: 72%;
  }
  .wt-sm-73{
      width: 73%;
  }
  .wt-sm-74{
      width: 74%;
  }
   .wt-sm-75{
      width: 75%;
  }
  .wt-sm-76{
      width: 76%;
  }
  .wt-sm-77{
      width: 77%;
  }
  .wt-sm-78{
      width: 78%;
  }
  .wt-sm-79{
      width: 79%;
  }
   .wt-sm-80{
      width: 80%;
  }
   .wt-sm-81{
      width: 81%;
  }
   .wt-sm-82{
      width: 82%;
  }
   .wt-sm-83{
      width: 83%;
  }
   .wt-sm-84{
      width: 84%;
  }
   .wt-sm-85{
      width: 85%;
  }

   .wt-sm-86{
      width: 86%;
  }
   .wt-sm-87{
      width: 87%;
  }
   .wt-sm-88{
      width: 88%;
  }
   .wt-sm-89{
      width: 89%;
  }
 
  .wt-sm-90{
      width: 90%;
  }
   .wt-sm-91{
      width: 91%;
  }
   .wt-sm-92{
      width: 92%;
  }
   .wt-sm-93{
      width: 93%;
  }
   .wt-sm-94{
      width: 94%;
  }
  .wt-sm-95{
      width: 95%;
  }
   .wt-sm-96{
      width: 96%;
  }
   .wt-sm-97{
      width: 97%;
  }
   .wt-sm-98{
      width: 98%;
  }
   .wt-sm-99{
      width: 99%;
  }
  .wt-sm-100{
      width: 100%;
  }
  .center-sm{
      text-align: center;
    }
    
.flex-sm-center{
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
      margin: auto;
      }




  .ht-sm-0{
    height: 0%;
} 
 .ht-sm-1{
    height: 1%;
} 
 .ht-sm-2{
    height: 2%;
} 
 .ht-sm-3{
    height: 3%;
} 
 .ht-sm-4{
    height: 4%;
} 

.ht-sm-5{
    height: 5%;
}
 .ht-sm-6{
    height: 6%;
}
 .ht-sm-7{
    height: 7%;
}
 .ht-sm-8{
    height: 8%;
}
 .ht-sm-9{
    height: 9%;
} 
.ht-sm-10{
    height: 10%;
} 
.ht-sm-11{
    height: 11%;
} 
.ht-sm-12{
    height: 12%;
} 
.ht-sm-13{
    height: 13%;
} 
.ht-sm-14{
    height: 14%;
} 
.ht-sm-15{
    height: 15%;
} 
.ht-sm-16{
    height: 16%;
} 
.ht-sm-17{
    height: 17%;
} 
.ht-sm-18{
    height: 18%;
} 
.ht-sm-19{
    height: 19%;
} 
.ht-sm-20{
    height: 20%;
} 
 .ht-sm-21{
    height: 21%;
} 
 .ht-sm-22{
    height: 22%;
} 
 .ht-sm-23{
    height: 23%;
} 
 .ht-sm-24{
    height: 24%;
} 
.ht-sm-25{
    height: 25%;
}
  .ht-sm-26{
    height: 26%;
}
  .ht-sm-27{
    height: 27%;
}
  .ht-sm-28{
    height: 28%;
}
  .ht-sm-29{
    height: 29%;
}
.ht-sm-30{
    height: 30%;
}
 .ht-sm-31{
    height: 31%;
}
 .ht-sm-32{
    height: 32%;
}
 .ht-sm-33{
    height: 33%;
}
 .ht-sm-34{
    height: 34%;
}
.ht-sm-35{
    height: 35%;
}
 .ht-sm-36{
    height: 36%;
}
 .ht-sm-37{
    height: 37%;
}
 .ht-sm-38{
    height: 38%;
}
 .ht-sm-39{
    height: 39%;
}
.ht-sm-40{
    height: 40%;
}
 .ht-sm-41{
    height: 41%;
}
 .ht-sm-42{
    height: 42%;
}
 .ht-sm-43{
    height: 43%;
}
 .ht-sm-44{
    height: 44%;
}

 .ht-sm-45{
    height: 45%;
}
 .ht-sm-46{
    height: 46%;
}
 .ht-sm-47{
    height: 47%;
}
 .ht-sm-48{
    height: 48%;
}
 .ht-sm-49{
    height: 49%;
}
 .ht-sm-50{
    height: 50%;
}
 .ht-sm-51{
    height: 51%;
}
 .ht-sm-52{
    height: 52%;
}
 .ht-sm-53{
    height: 53%;
}
 .ht-sm-54{
    height: 54%;
}
 .ht-sm-55{
    height: 55%;
}
 .ht-sm-56{
    height: 56%;
}
 .ht-sm-57{
    height: 57%;
}
 .ht-sm-58{
    height: 58%;
}
 .ht-sm-59{
    height: 59%;
}
 .ht-sm-60{
    height: 60%;
}
 .ht-sm-61{
    height: 61%;
}
 .ht-sm-62{
    height: 62%;
}
 .ht-sm-63{
    height: 63%;
}
 .ht-sm-64{
    height: 64%;
}
 .ht-sm-65{
    height: 65%;
}
 .ht-sm-66{
    height: 66%;
}
 .ht-sm-67{
    height: 67%;
}
 .ht-sm-68{
    height: 68%;
}
 .ht-sm-69{
    height: 69%;
}
 .ht-sm-70{
    height: 70%;
}
.ht-sm-71{
    height: 71%;
}
.ht-sm-72{
    height: 72%;
}
.ht-sm-73{
    height: 73%;
}
.ht-sm-74{
    height: 74%;
}
 .ht-sm-75{
    height: 75%;
}
.ht-sm-76{
    height: 76%;
}
.ht-sm-77{
    height: 77%;
}
.ht-sm-78{
    height: 78%;
}
.ht-sm-79{
    height: 79%;
}
 .ht-sm-80{
    height: 80%;
}
 .ht-sm-81{
    height: 81%;
}
 .ht-sm-82{
    height: 82%;
}
 .ht-sm-83{
    height: 83%;
}
 .ht-sm-84{
    height: 84%;
}
 .ht-sm-85{
    height: 85%;
}

 .ht-sm-86{
    height: 86%;
}
 .ht-sm-87{
    height: 87%;
}
 .ht-sm-88{
    height: 88%;
}
 .ht-sm-89{
    height: 89%;
}

.ht-sm-90{
    height: 90%;
}
 .ht-sm-91{
    height: 91%;
}
 .ht-sm-92{
    height: 92%;
}
 .ht-sm-93{
    height: 93%;
}
 .ht-sm-94{
    height: 94%;
}
.ht-sm-95{
    height: 95%;
}
 .ht-sm-96{
    height: 96%;
}
 .ht-sm-97{
    height: 97%;
}
 .ht-sm-98{
    height: 98%;
}
 .ht-sm-99{
    height: 99%;
}
.ht-sm-100{
    height: 100%;
}




.rh-sm-0{
      height: 0rem;
  } 
   .rh-sm-1{
      height: 1rem;
  } 
   .rh-sm-2{
      height: 2rem;
  } 
   .rh-sm-3{
      height: 3rem;
  } 
   .rh-sm-4{
      height: 4rem;
  } 

  .rh-sm-5{
      height: 5rem;
  }
   .rh-sm-6{
      height: 6rem;
  }
   .rh-sm-7{
      height: 7rem;
  }
   .rh-sm-8{
      height: 8rem;
  }
   .rh-sm-9{
      height: 9rem;
  } 
  .rh-sm-10{
      height: 10rem;
  } 
  .rh-sm-11{
      height: 11rem;
  } 
  .rh-sm-12{
      height: 12rem;
  } 
  .rh-sm-13{
      height: 13rem;
  } 
  .rh-sm-14{
      height: 14rem;
  } 
  .rh-sm-15{
      height: 15rem;
  } 
  .rh-sm-16{
      height: 16rem;
  } 
  .rh-sm-17{
      height: 17rem;
  } 
  .rh-sm-18{
      height: 18rem;
  } 
  .rh-sm-19{
      height: 19rem;
  } 
  .rh-sm-20{
      height: 20rem;
  } 
   .rh-sm-21{
      height: 21rem;
  } 
   .rh-sm-22{
      height: 22rem;
  } 
   .rh-sm-23{
      height: 23rem;
  } 
   .rh-sm-24{
      height: 24rem;
  } 
  .rh-sm-25{
      height: 25rem;
  }
    .rh-sm-26{
      height: 26rem;
  }
    .rh-sm-27{
      height: 27rem;
  }
    .rh-sm-28{
      height: 28rem;
  }
    .rh-sm-29{
      height: 29rem;
  }
  .rh-sm-30{
      height: 30rem;
  }
   .rh-sm-31{
      height: 31rem;
  }
   .rh-sm-32{
      height: 32rem;
  }
   .rh-sm-33{
      height: 33rem;
  }
   .rh-sm-34{
      height: 34rem;
  }
  .rh-sm-35{
      height: 35rem;
  }
   .rh-sm-36{
      height: 36rem;
  }
   .rh-sm-37{
      height: 37rem;
  }
   .rh-sm-38{
      height: 38rem;
  }
   .rh-sm-39{
      height: 39rem;
  }
  .rh-sm-40{
      height: 40rem;
  }
   .rh-sm-41{
      height: 41rem;
  }
   .rh-sm-42{
      height: 42rem;
  }
   .rh-sm-43{
      height: 43rem;
  }
   .rh-sm-44{
      height: 44rem;
  }

   .rh-sm-45{
      height: 45rem;
  }
   .rh-sm-46{
      height: 46rem;
  }
   .rh-sm-47{
      height: 47rem;
  }
   .rh-sm-48{
      height: 48rem;
  }
   .rh-sm-49{
      height: 49rem;
  }
   .rh-sm-50{
      height: 50rem;
  }
   .rh-sm-51{
      height: 51rem;
  }
   .rh-sm-52{
      height: 52rem;
  }
   .rh-sm-53{
      height: 53rem;
  }
   .rh-sm-54{
      height: 54rem;
  }
   .rh-sm-55{
      height: 55rem;
  }
   .rh-sm-56{
      height: 56rem;
  }
   .rh-sm-57{
      height: 57rem;
  }
   .rh-sm-58{
      height: 58rem;
  }
   .rh-sm-59{
      height: 59rem;
  }
   .rh-sm-60{
      height: 60rem;
  }
   .rh-sm-61{
      height: 61rem;
  }
   .rh-sm-62{
      height: 62rem;
  }
   .rh-sm-63{
      height: 63rem;
  }
   .rh-sm-64{
      height: 64rem;
  }
   .rh-sm-65{
      height: 65rem;
  }
   .rh-sm-66{
      height: 66rem;
  }
   .rh-sm-67{
      height: 67rem;
  }
   .rh-sm-68{
      height: 68rem;
  }
   .rh-sm-69{
      height: 69rem;
  }
   .rh-sm-70{
      height: 70rem;
  }
  .rh-sm-71{
      height: 71rem;
  }
  .rh-sm-72{
      height: 72rem;
  }
  .rh-sm-73{
      height: 73rem;
  }
  .rh-sm-74{
      height: 74rem;
  }
   .rh-sm-75{
      height: 75rem;
  }
  .rh-sm-76{
      height: 76rem;
  }
  .rh-sm-77{
      height: 77rem;
  }
  .rh-sm-78{
      height: 78rem;
  }
  .rh-sm-79{
      height: 79rem;
  }
   .rh-sm-80{
      height: 80rem;
  }
   .rh-sm-81{
      height: 81rem;
  }
   .rh-sm-82{
      height: 82rem;
  }
   .rh-sm-83{
      height: 83rem;
  }
   .rh-sm-84{
      height: 84rem;
  }
   .rh-sm-85{
      height: 85rem;
  }

   .rh-sm-86{
      height: 86rem;
  }
   .rh-sm-87{
      height: 87rem;
  }
   .rh-sm-88{
      height: 88rem;
  }
   .rh-sm-89{
      height: 89rem;
  }
 
  .rh-sm-90{
      height: 90rem;
  }
   .rh-sm-91{
      height: 91rem;
  }
   .rh-sm-92{
      height: 92rem;
  }
   .rh-sm-93{
      height: 93rem;
  }
   .rh-sm-94{
      height: 94rem;
  }
  .rh-sm-95{
      height: 95rem;
  }
   .rh-sm-96{
      height: 96rem;
  }
   .rh-sm-97{
      height: 97rem;
  }
   .rh-sm-98{
      height: 98rem;
  }
   .rh-sm-99{
      height: 99rem;
  }
  .rh-sm-100{
      height: 100rem;
  }



      /*top property */


.top-sm-0{
top: 0px;
}
.top-sm-5{
top: 5px;
}
.top-sm-10{
top: 10px;
}
.top-sm-20{
top: 20px;
}
.top-sm-30{
top: 30px;
}
.top-sm-40{
top: 40px;
}
.top-sm-50{
top: 50px;
}
.top-sm-60{
top: 60px;
}
.top-sm-70{
top: 70px;
}
.top-sm-80{
top: 80px;
}
.top-sm-90{
top: 90px;
}
.top-sm-100{
top: 100px;
}



.left-sm-0{
  left: 0px !important;
  }
  .left-sm-5{
  left: 5px;
  }
  .left-sm-10{
  left: 10px;
  }
  .left-sm-20{
  left: 20px;
  }
  .left-sm-30{
  left: 30px;
  }
  .left-sm-40{
  left: 40px;
  }
  .left-sm-50{
  left: 50px;
  }
  .left-sm-60{
  left: 60px;
  }
  .left-sm-70{
  left: 70px;
  }
  .left-sm-80{
  left: 80px;
  }
  .left-sm-90{
  left: 90px;
  }
  .left-sm-100{
  left: 100px;
  }
  
  
  
  .right-sm-0{
  right: 0px;
  }
  .right-sm-5{
  right: 5px;
  }
  .right-sm-10{
  right: 10px;
  }
  .right-sm-20{
  right: 20px;
  }
  .right-sm-30{
  right: 30px;
  }
  .right-sm-40{
  right: 40px;
  }
  .right-sm-50{
  right: 50px;
  }
  .right-sm-60{
  right: 60px;
  }
  .right-sm-70{
  right: 70px;
  }
  .right-sm-80{
  right: 80px;
  }
  .right-sm-90{
  right: 90px;
  }
  .right-sm-100{
  right: 100px;
  }
  
  
  
  .bottom-sm-0{
  bottom: 0px;
  }
  .bottom-sm-5{
  bottom: 5px;
  }
  .bottom-sm-10{
  bottom: 10px;
  }
  .bottom-sm-20{
  bottom: 20px;
  }
  .bottom-sm-30{
  bottom: 30px;
  }
  .bottom-sm-40{
  bottom: 40px;
  }
  .bottom-sm-50{
  bottom: 50px;
  }
  .bottom-sm-60{
  bottom: 60px;
  }
  .bottom-sm-70{
  bottom: 70px;
  }
  .bottom-sm-80{
  bottom: 80px;
  }
  .bottom-sm-90{
  bottom: 90px;
  }
  .bottom-sm-100{
  bottom: 100px;
  }


.fts-sm-1 {font-size: 12px;}
.fts-sm-2 {font-size: 14px;}
.fts-sm-3 {font-size: 16px;}
.fts-sm-4 {font-size: 18px;}
.fts-sm-5 {font-size: 20px;}
.fts-sm-6 {font-size: 22px;}
.fts-sm-7 {font-size: 24px;}
.fts-sm-8 {font-size: 26px;}
.fts-sm-9 {font-size: 28px;}
.fts-sm-10 {font-size: 30px;}
.fts-sm-11 {font-size: 32px;}
.fts-sm-12 {font-size: 36px;}
.fts-sm-13 {font-size: 40px;}
.fts-sm-14 {font-size: 44px;}
.fts-sm-15 {font-size: 48px;}
.fts-sm-16 {font-size: 52px;}
.fts-sm-17 {font-size: 56px;}
.fts-sm-18 {font-size: 60px;}
.fts-sm-19 {font-size: 64px;}
.fts-sm-20 {font-size: 68px;}
.fts-sm-21 {font-size: 72px;}




.m-sm-a {margin: auto;}
.m-sm-1 {margin: 0.25rem;}
.m-sm-2 {margin: 0.5rem;}
.m-sm-3 {margin: 1rem;}
.m-sm-4 {margin: 1.5rem;}
.m-sm-5 {margin: 2rem;}
.m-sm-6 {margin: 2.5rem;}
.m-sm-7 {margin: 3rem;}
.m-sm-8 {margin: 3.5rem;}
.m-sm-9 {margin: 4rem;}
.m-sm-10 {margin: 4.5rem;}
.m-sm-11 {margin: 5rem;}

.my-sm-1 {margin: 0.25rem 0;}
.my-sm-2 {margin: 0.5rem 0;}
.my-sm-3 {margin: 1rem 0;}
.my-sm-4 {margin: 1.5rem 0;}
.my-sm-5 {margin: 2rem 0;}
.my-sm-6 {margin: 2.5rem 0;}
.my-sm-7 {margin: 3rem 0;}
.my-sm-8 {margin: 3.5rem 0;}
.my-sm-9 {margin: 4rem 0;}
.my-sm-10 {margin: 4.5rem 0;}
.my-sm-11 {margin: 5rem 0;}


.mx-sm-1 {margin: 0 0.25rem;}
.mx-sm-2 {margin: 0 0.5rem;}
.mx-sm-3 {margin: 0 1rem;}
.mx-sm-4 {margin: 0 1.5rem;}
.mx-sm-5 {margin: 0 2rem;}
.mx-sm-6 {margin: 0 2.5rem;}
.mx-sm-7 {margin: 0 3rem;}
.mx-sm-8 {margin: 0 3.5rem;}
.mx-sm-9 {margin: 0 4rem;}
.mx-sm-10 {margin: 0 4.5rem;}
.mx-sm-11 {margin: 0 5rem;}




.mt-sm-1 {margin-top: 0.25rem;}
.mt-sm-2 {margin-top: 0.5rem;}
.mt-sm-3 {margin-top: 1rem;}
.mt-sm-4 {margin-top: 1.5rem;}
.mt-sm-5 {margin-top: 2rem;}
.mt-sm-6 {margin-top: 2.5rem;}
.mt-sm-7 {margin-top: 3rem;}
.mt-sm-8 {margin-top: 3.5rem;}
.mt-sm-9 {margin-top: 4rem;}
.mt-sm-10 {margin-top: 4.5rem;}
.mt-sm-11 {margin-top: 5rem;}
.mt-sm-12 {margin-top: 5.5rem;}
.mt-sm-13 {margin-top: 6rem;}
.mt-sm-14 {margin-top: 6.5rem;}
.mt-sm-15 {margin-top: 7rem;}
.mt-sm-16 {margin-top: 7.5rem;}
.mt-sm-17 {margin-top: 8rem;}
.mt-sm-18 {margin-top: 8.5rem;}
.mt-sm-19 {margin-top: 9rem;}
.mt-sm-20 {margin-top: 9.5rem;}


.mb-sm-1 {margin-bottom: 0.25rem;}
.mb-sm-2 {margin-bottom: 0.5rem;}
.mb-sm-3 {margin-bottom: 1rem;}
.mb-sm-4 {margin-bottom: 1.5rem;}
.mb-sm-5 {margin-bottom: 2rem;}
.mb-sm-6 {margin-bottom: 2.5rem;}
.mb-sm-7 {margin-bottom: 3rem;}
.mb-sm-8 {margin-bottom: 3.5rem;}
.mb-sm-9 {margin-bottom: 4rem;}
.mb-sm-10 {margin-bottom: 4.5rem;}
.mb-sm-11 {margin-bottom: 5rem;}


.ml-sm-1 {margin-left: 0.25rem;}
.ml-sm-2 {margin-left: 0.5rem;}
.ml-sm-3 {margin-left: 1rem;}
.ml-sm-4 {margin-left: 1.5rem;}
.ml-sm-5 {margin-left: 2rem;}
.ml-sm-6 {margin-left: 2.5rem;}
.ml-sm-7 {margin-left: 3rem;}
.ml-sm-8 {margin-left: 3.5rem;}
.ml-sm-9 {margin-left: 4rem;}
.ml-sm-10 {margin-left: 4.5rem;}
.ml-sm-11 {margin-left: 5rem;}


.mr-sm-1 {margin-right: 0.25rem;}
.mr-sm-2 {margin-right: 0.5rem;}
.mr-sm-3 {margin-right: 1rem;}
.mr-sm-4 {margin-right: 1.5rem;}
.mr-sm-5 {margin-right: 2rem;}
.mr-sm-6 {margin-right: 2.5rem;}
.mr-sm-7 {margin-right: 3rem;}
.mr-sm-8 {margin-right: 3.5rem;}
.mr-sm-9 {margin-right: 4rem;}
.mr-sm-10 {margin-right: 4.5rem;}
.mr-sm-11 {margin-right: 5rem;}


/***************************
padding
****************************/
.p-sm-0 {padding: 0px;}
.p-sm-1 {padding: 0.25rem;}
.p-sm-2 {padding: 0.5rem;}
.p-sm-3 {padding: 1rem;}
.p-sm-4 {padding: 1.5rem;}
.p-sm-5 {padding: 2rem;}
.p-sm-6 {padding: 2.5rem;}
.p-sm-7 {padding: 3rem;}
.p-sm-8 {padding: 3.5rem;}
.p-sm-9 {padding: 4rem;}
.p-sm-10 {padding: 4.5rem;}
.p-sm-11 {padding: 5rem;}



.py-sm-1 {padding: 0.25rem 0;}
.py-sm-2 {padding: 0.5rem 0;}
.py-sm-3 {padding: 1rem 0;}
.py-sm-4 {padding: 1.5rem 0;}
.py-sm-5 {padding: 2rem 0;}
.py-sm-6 {padding: 2.5rem 0;}
.py-sm-7 {padding: 3rem 0;}
.py-sm-8 {padding: 3.5rem 0;}
.py-sm-9 {padding: 4rem 0;}
.py-sm-10{padding: 4.5rem 0;}
.py-sm-11{padding: 5rem 0;}


.px-sm-1 {padding: 0 0.25rem;}
.px-sm-2 {padding: 0 0.5rem;}
.px-sm-3 {padding: 0 1rem;}
.px-sm-4 {padding: 0 1.5rem;}
.px-sm-5 {padding: 0 2rem;}
.px-sm-6 {padding: 0 2.5rem;}
.px-sm-7 {padding: 0 3rem;}
.px-sm-8 {padding: 0 3.5rem;}
.px-sm-9 {padding: 0 4rem;}
.px-sm-10 {padding: 0 4.5rem;}
.px-sm-11 {padding: 0 5rem;}

.pt-sm-0 {padding-top: 0px;}
.pt-sm-1 {padding-top: 0.25rem;}
.pt-sm-2 {padding-top: 0.5rem;}
.pt-sm-3 {padding-top: 1rem;}
.pt-sm-4 {padding-top: 1.5rem;}
.pt-sm-5 {padding-top: 2rem;}
.pt-sm-6 {padding-top: 2.5rem;}
.pt-sm-7 {padding-top: 3rem;}
.pt-sm-8 {padding-top: 3.5rem;}
.pt-sm-9 {padding-top: 4rem;}
.pt-sm-10 {padding-top: 4.5rem;}
.pt-sm-11 {padding-top: 5rem;}

.pt-sm-12 {padding-top: 5.5rem;}
.pt-sm-13 {padding-top: 6rem;}
.pt-sm-14 {padding-top: 6.5rem;}
.pt-sm-15 {padding-top: 7rem;}
.pt-sm-16 {padding-top: 7.5rem;}
.pt-sm-17 {padding-top: 8rem;}
.pt-sm-18 {padding-top: 8.5rem;}
.pt-sm-19 {padding-top: 9rem;}
.pt-sm-20 {padding-top: 9.5rem;}



.pb-sm-0 {padding-bottom: 0px;}
.pb-sm-1 {padding-bottom: 0.25rem;}
.pb-sm-2 {padding-bottom: 0.5rem;}
.pb-sm-3 {padding-bottom: 1rem;}
.pb-sm-4 {padding-bottom: 1.5rem;}
.pb-sm-5 {padding-bottom: 2rem;}
.pb-sm-6 {padding-bottom: 2.5rem;}
.pb-sm-7 {padding-bottom: 3rem;}
.pb-sm-8 {padding-bottom: 3.5rem;}
.pb-sm-9 {padding-bottom: 4rem;}
.pb-sm-10{padding-bottom: 4.5rem;}
.pb-sm-11{padding-bottom: 5rem;}



.pl-sm-0 {padding-left: 0px;}
.pl-sm-1 {padding-left: 0.25rem;}
.pl-sm-2 {padding-left: 0.5rem;}
.pl-sm-3 {padding-left: 1rem;}
.pl-sm-4 {padding-left: 1.5rem;}
.pl-sm-5 {padding-left: 2rem;}
.pl-sm-6 {padding-left: 2.5rem;}
.pl-sm-7 {padding-left: 3rem;}
.pl-sm-8 {padding-left: 3.5rem;}
.pl-sm-9 {padding-left: 4rem;}
.pl-sm-10{padding-left: 4.5rem;}
.pl-sm-11{padding-left: 5rem;}


.pr-sm-0 {padding-right: 0px;}
.pr-sm-1 {padding-right: 0.25rem;}
.pr-sm-2 {padding-right: 0.5rem;}
.pr-sm-3 {padding-right: 1rem;}
.pr-sm-4 {padding-right: 1.5rem;}
.pr-sm-5 {padding-right: 2rem;}
.pr-sm-6 {padding-right: 2.5rem;}
.pr-sm-7 {padding-right: 3rem;}
.pr-sm-8 {padding-right: 3.5rem;}
.pr-sm-9 {padding-right: 4rem;}
.pr-sm-10{padding-right: 4.5rem;}
.pr-sm-11{padding-right: 5rem;}


  
}





@media screen and (min-width: 620px) and (max-width: 980px){
  .display-lg-none{
      display: none;
  }
  .display-lg-block{
      display: block;
  }
  .display-lg-flex{
      display: flex;
  }
  .display-lg-inline-block{
      display: inline-block;
  }


  
.bg-lg-red{
    background-color: red;
}


.lh-lg-1{
    line-height: 1;
  }
  .lh-lg-1-2{
    line-height: 1.2;
  }


.bg-lg-blue{
    background-color: blue;
}
  
.bg-lg-white{
    background-color: white;
}
  
.bg-lg-green{
    background-color: green;
}
  
.bg-lg-black{
    background-color: black;
}

.bg-lg-yellow{
    background-color: yellow;
} 
.bg-lg-gold{
    background-color: gold;
}


.text-lg-white{
    color: white;
  }
  .text-lg-blue{
    color: blue;
  }
  .text-lg-black{
    color: black;
  }
  .text-lg-red{
    color: red;
  }
  .text-lg-tomato{
    color: tomato;
  }
  .text-lg-darkred{
    color: #A25772;
  }
  .text-lg-green{
    color: green;
  }
  .text-lg-yellow{
    color: yellow;
  }
  .text-lg-gold{
    color: gold;
  }
   

   
.flex-lg-center{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin: auto;
   }

  .flex-lg-between{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
   }

   .flex-lg-around{
    margin: auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    flex-wrap: wrap;
   }
 
  


  .wt-lg-0{
      width: 0px;
  } 
   .wt-lg-1{
      width: 1px;
  } 
   .wt-lg-2{
      width: 2px;
  } 
   .wt-lg-3{
      width: 3px;
  } 
   .wt-lg-4{
      width: 4px;
  } 

  .wt-lg-5{
      width: 5%;
  }
   .wt-lg-6{
      width: 6%;
  }
   .wt-lg-7{
      width: 7%;
  }
   .wt-lg-8{
      width: 8%;
  }
   .wt-lg-9{
      width: 9%;
  } 
  .wt-lg-10{
      width: 10%;
  } 
  .wt-lg-11{
      width: 11%;
  } 
  .wt-lg-12{
      width: 12%;
  } 
  .wt-lg-13{
      width: 13%;
  } 
  .wt-lg-14{
      width: 14%;
  } 
  .wt-lg-15{
      width: 15%;
  } 
  .wt-lg-16{
      width: 16%;
  } 
  .wt-lg-17{
      width: 17%;
  } 
  .wt-lg-18{
      width: 18%;
  } 
  .wt-lg-19{
      width: 19%;
  } 
  .wt-lg-20{
      width: 20%;
  } 
   .wt-lg-21{
      width: 21%;
  } 
   .wt-lg-22{
      width: 22%;
  } 
   .wt-lg-23{
      width: 23%;
  } 
   .wt-lg-24{
      width: 24%;
  } 
  .wt-lg-25{
      width: 25%;
  }
    .wt-lg-26{
      width: 26%;
  }
    .wt-lg-27{
      width: 27%;
  }
    .wt-lg-28{
      width: 28%;
  }
    .wt-lg-29{
      width: 29%;
  }
  .wt-lg-30{
      width: 30%;
  }
   .wt-lg-31{
      width: 31%;
  }
   .wt-lg-32{
      width: 32%;
  }
   .wt-lg-33{
      width: 33%;
  }
   .wt-lg-34{
      width: 34%;
  }
  .wt-lg-35{
      width: 35%;
  }
   .wt-lg-36{
      width: 36%;
  }
   .wt-lg-37{
      width: 37%;
  }
   .wt-lg-38{
      width: 38%;
  }
   .wt-lg-39{
      width: 39%;
  }
  .wt-lg-40{
      width: 40%;
  }
   .wt-lg-41{
      width: 41%;
  }
   .wt-lg-42{
      width: 42%;
  }
   .wt-lg-43{
      width: 43%;
  }
   .wt-lg-44{
      width: 44%;
  }

   .wt-lg-45{
      width: 45%;
  }
   .wt-lg-46{
      width: 46%;
  }
   .wt-lg-47{
      width: 47%;
  }
   .wt-lg-48{
      width: 48%;
  }
   .wt-lg-49{
      width: 49%;
  }
   .wt-lg-50{
      width: 50%;
  }
   .wt-lg-51{
      width: 51%;
  }
   .wt-lg-52{
      width: 52%;
  }
   .wt-lg-53{
      width: 53%;
  }
   .wt-lg-54{
      width: 54%;
  }
   .wt-lg-55{
      width: 55%;
  }
   .wt-lg-56{
      width: 56%;
  }
   .wt-lg-57{
      width: 57%;
  }
   .wt-lg-58{
      width: 58%;
  }
   .wt-lg-59{
      width: 59%;
  }
   .wt-lg-60{
      width: 60%;
  }
   .wt-lg-61{
      width: 61%;
  }
   .wt-lg-62{
      width: 62%;
  }
   .wt-lg-63{
      width: 63%;
  }
   .wt-lg-64{
      width: 64%;
  }
   .wt-lg-65{
      width: 65%;
  }
   .wt-lg-66{
      width: 66%;
  }
   .wt-lg-67{
      width: 67%;
  }
   .wt-lg-68{
      width: 68%;
  }
   .wt-lg-69{
      width: 69%;
  }
   .wt-lg-70{
      width: 70%;
  }
  .wt-lg-71{
      width: 71%;
  }
  .wt-lg-72{
      width: 72%;
  }
  .wt-lg-73{
      width: 73%;
  }
  .wt-lg-74{
      width: 74%;
  }
   .wt-lg-75{
      width: 75%;
  }
  .wt-lg-76{
      width: 76%;
  }
  .wt-lg-77{
      width: 77%;
  }
  .wt-lg-78{
      width: 78%;
  }
  .wt-lg-79{
      width: 79%;
  }
   .wt-lg-80{
      width: 80%;
  }
   .wt-lg-81{
      width: 81%;
  }
   .wt-lg-82{
      width: 82%;
  }
   .wt-lg-83{
      width: 83%;
  }
   .wt-lg-84{
      width: 84%;
  }
   .wt-lg-85{
      width: 85%;
  }

   .wt-lg-86{
      width: 86%;
  }
   .wt-lg-87{
      width: 87%;
  }
   .wt-lg-88{
      width: 88%;
  }
   .wt-lg-89{
      width: 89%;
  }
 
  .wt-lg-90{
      width: 90%;
  }
   .wt-lg-91{
      width: 91%;
  }
   .wt-lg-92{
      width: 92%;
  }
   .wt-lg-93{
      width: 93%;
  }
   .wt-lg-94{
      width: 94%;
  }
  .wt-lg-95{
      width: 95%;
  }
   .wt-lg-96{
      width: 96%;
  }
   .wt-lg-97{
      width: 97%;
  }
   .wt-lg-98{
      width: 98%;
  }
   .wt-lg-99{
      width: 99%;
  }
  .wt-lg-100{
      width: 100%;
  }





  .ht-lg-0{
    height: 0%;
} 
 .ht-lg-1{
    height: 1%;
} 
 .ht-lg-2{
    height: 2%;
} 
 .ht-lg-3{
    height: 3%;
} 
 .ht-lg-4{
    height: 4%;
} 

.ht-lg-5{
    height: 5%;
}
 .ht-lg-6{
    height: 6%;
}
 .ht-lg-7{
    height: 7%;
}
 .ht-lg-8{
    height: 8%;
}
 .ht-lg-9{
    height: 9%;
} 
.ht-lg-10{
    height: 10%;
} 
.ht-lg-11{
    height: 11%;
} 
.ht-lg-12{
    height: 12%;
} 
.ht-lg-13{
    height: 13%;
} 
.ht-lg-14{
    height: 14%;
} 
.ht-lg-15{
    height: 15%;
} 
.ht-lg-16{
    height: 16%;
} 
.ht-lg-17{
    height: 17%;
} 
.ht-lg-18{
    height: 18%;
} 
.ht-lg-19{
    height: 19%;
} 
.ht-lg-20{
    height: 20%;
} 
 .ht-lg-21{
    height: 21%;
} 
 .ht-lg-22{
    height: 22%;
} 
 .ht-lg-23{
    height: 23%;
} 
 .ht-lg-24{
    height: 24%;
} 
.ht-lg-25{
    height: 25%;
}
  .ht-lg-26{
    height: 26%;
}
  .ht-lg-27{
    height: 27%;
}
  .ht-lg-28{
    height: 28%;
}
  .ht-lg-29{
    height: 29%;
}
.ht-lg-30{
    height: 30%;
}
 .ht-lg-31{
    height: 31%;
}
 .ht-lg-32{
    height: 32%;
}
 .ht-lg-33{
    height: 33%;
}
 .ht-lg-34{
    height: 34%;
}
.ht-lg-35{
    height: 35%;
}
 .ht-lg-36{
    height: 36%;
}
 .ht-lg-37{
    height: 37%;
}
 .ht-lg-38{
    height: 38%;
}
 .ht-lg-39{
    height: 39%;
}
.ht-lg-40{
    height: 40%;
}
 .ht-lg-41{
    height: 41%;
}
 .ht-lg-42{
    height: 42%;
}
 .ht-lg-43{
    height: 43%;
}
 .ht-lg-44{
    height: 44%;
}

 .ht-lg-45{
    height: 45%;
}
 .ht-lg-46{
    height: 46%;
}
 .ht-lg-47{
    height: 47%;
}
 .ht-lg-48{
    height: 48%;
}
 .ht-lg-49{
    height: 49%;
}
 .ht-lg-50{
    height: 50%;
}
 .ht-lg-51{
    height: 51%;
}
 .ht-lg-52{
    height: 52%;
}
 .ht-lg-53{
    height: 53%;
}
 .ht-lg-54{
    height: 54%;
}
 .ht-lg-55{
    height: 55%;
}
 .ht-lg-56{
    height: 56%;
}
 .ht-lg-57{
    height: 57%;
}
 .ht-lg-58{
    height: 58%;
}
 .ht-lg-59{
    height: 59%;
}
 .ht-lg-60{
    height: 60%;
}
 .ht-lg-61{
    height: 61%;
}
 .ht-lg-62{
    height: 62%;
}
 .ht-lg-63{
    height: 63%;
}
 .ht-lg-64{
    height: 64%;
}
 .ht-lg-65{
    height: 65%;
}
 .ht-lg-66{
    height: 66%;
}
 .ht-lg-67{
    height: 67%;
}
 .ht-lg-68{
    height: 68%;
}
 .ht-lg-69{
    height: 69%;
}
 .ht-lg-70{
    height: 70%;
}
.ht-lg-71{
    height: 71%;
}
.ht-lg-72{
    height: 72%;
}
.ht-lg-73{
    height: 73%;
}
.ht-lg-74{
    height: 74%;
}
 .ht-lg-75{
    height: 75%;
}
.ht-lg-76{
    height: 76%;
}
.ht-lg-77{
    height: 77%;
}
.ht-lg-78{
    height: 78%;
}
.ht-lg-79{
    height: 79%;
}
 .ht-lg-80{
    height: 80%;
}
 .ht-lg-81{
    height: 81%;
}
 .ht-lg-82{
    height: 82%;
}
 .ht-lg-83{
    height: 83%;
}
 .ht-lg-84{
    height: 84%;
}
 .ht-lg-85{
    height: 85%;
}

 .ht-lg-86{
    height: 86%;
}
 .ht-lg-87{
    height: 87%;
}
 .ht-lg-88{
    height: 88%;
}
 .ht-lg-89{
    height: 89%;
}

.ht-lg-90{
    height: 90%;
}
 .ht-lg-91{
    height: 91%;
}
 .ht-lg-92{
    height: 92%;
}
 .ht-lg-93{
    height: 93%;
}
 .ht-lg-94{
    height: 94%;
}
.ht-lg-95{
    height: 95%;
}
 .ht-lg-96{
    height: 96%;
}
 .ht-lg-97{
    height: 97%;
}
 .ht-lg-98{
    height: 98%;
}
 .ht-lg-99{
    height: 99%;
}
.ht-lg-100{
    height: 100%;
}





  .rh-lg-0{
      height: 0rem;
  } 
   .rh-lg-1{
      height: 1rem;
  } 
   .rh-lg-2{
      height: 2rem;
  } 
   .rh-lg-3{
      height: 3rem;
  } 
   .rh-lg-4{
      height: 4rem;
  } 

  .rh-lg-5{
      height: 5rem;
  }
   .rh-lg-6{
      height: 6rem;
  }
   .rh-lg-7{
      height: 7rem;
  }
   .rh-lg-8{
      height: 8rem;
  }
   .rh-lg-9{
      height: 9rem;
  } 
  .rh-lg-10{
      height: 10rem;
  } 
  .rh-lg-11{
      height: 11rem;
  } 
  .rh-lg-12{
      height: 12rem;
  } 
  .rh-lg-13{
      height: 13rem;
  } 
  .rh-lg-14{
      height: 14rem;
  } 
  .rh-lg-15{
      height: 15rem;
  } 
  .rh-lg-16{
      height: 16rem;
  } 
  .rh-lg-17{
      height: 17rem;
  } 
  .rh-lg-18{
      height: 18rem;
  } 
  .rh-lg-19{
      height: 19rem;
  } 
  .rh-lg-20{
      height: 20rem;
  } 
   .rh-lg-21{
      height: 21rem;
  } 
   .rh-lg-22{
      height: 22rem;
  } 
   .rh-lg-23{
      height: 23rem;
  } 
   .rh-lg-24{
      height: 24rem;
  } 
  .rh-lg-25{
      height: 25rem;
  }
    .rh-lg-26{
      height: 26rem;
  }
    .rh-lg-27{
      height: 27rem;
  }
    .rh-lg-28{
      height: 28rem;
  }
    .rh-lg-29{
      height: 29rem;
  }
  .rh-lg-30{
      height: 30rem;
  }
   .rh-lg-31{
      height: 31rem;
  }
   .rh-lg-32{
      height: 32rem;
  }
   .rh-lg-33{
      height: 33rem;
  }
   .rh-lg-34{
      height: 34rem;
  }
  .rh-lg-35{
      height: 35rem;
  }
   .rh-lg-36{
      height: 36rem;
  }
   .rh-lg-37{
      height: 37rem;
  }
   .rh-lg-38{
      height: 38rem;
  }
   .rh-lg-39{
      height: 39rem;
  }
  .rh-lg-40{
      height: 40rem;
  }
   .rh-lg-41{
      height: 41rem;
  }
   .rh-lg-42{
      height: 42rem;
  }
   .rh-lg-43{
      height: 43rem;
  }
   .rh-lg-44{
      height: 44rem;
  }

   .rh-lg-45{
      height: 45rem;
  }
   .rh-lg-46{
      height: 46rem;
  }
   .rh-lg-47{
      height: 47rem;
  }
   .rh-lg-48{
      height: 48rem;
  }
   .rh-lg-49{
      height: 49rem;
  }
   .rh-lg-50{
      height: 50rem;
  }
   .rh-lg-51{
      height: 51rem;
  }
   .rh-lg-52{
      height: 52rem;
  }
   .rh-lg-53{
      height: 53rem;
  }
   .rh-lg-54{
      height: 54rem;
  }
   .rh-lg-55{
      height: 55rem;
  }
   .rh-lg-56{
      height: 56rem;
  }
   .rh-lg-57{
      height: 57rem;
  }
   .rh-lg-58{
      height: 58rem;
  }
   .rh-lg-59{
      height: 59rem;
  }
   .rh-lg-60{
      height: 60rem;
  }
   .rh-lg-61{
      height: 61rem;
  }
   .rh-lg-62{
      height: 62rem;
  }
   .rh-lg-63{
      height: 63rem;
  }
   .rh-lg-64{
      height: 64rem;
  }
   .rh-lg-65{
      height: 65rem;
  }
   .rh-lg-66{
      height: 66rem;
  }
   .rh-lg-67{
      height: 67rem;
  }
   .rh-lg-68{
      height: 68rem;
  }
   .rh-lg-69{
      height: 69rem;
  }
   .rh-lg-70{
      height: 70rem;
  }
  .rh-lg-71{
      height: 71rem;
  }
  .rh-lg-72{
      height: 72rem;
  }
  .rh-lg-73{
      height: 73rem;
  }
  .rh-lg-74{
      height: 74rem;
  }
   .rh-lg-75{
      height: 75rem;
  }
  .rh-lg-76{
      height: 76rem;
  }
  .rh-lg-77{
      height: 77rem;
  }
  .rh-lg-78{
      height: 78rem;
  }
  .rh-lg-79{
      height: 79rem;
  }
   .rh-lg-80{
      height: 80rem;
  }
   .rh-lg-81{
      height: 81rem;
  }
   .rh-lg-82{
      height: 82rem;
  }
   .rh-lg-83{
      height: 83rem;
  }
   .rh-lg-84{
      height: 84rem;
  }
   .rh-lg-85{
      height: 85rem;
  }

   .rh-lg-86{
      height: 86rem;
  }
   .rh-lg-87{
      height: 87rem;
  }
   .rh-lg-88{
      height: 88rem;
  }
   .rh-lg-89{
      height: 89rem;
  }
 
  .rh-lg-90{
      height: 90rem;
  }
   .rh-lg-91{
      height: 91rem;
  }
   .rh-lg-92{
      height: 92rem;
  }
   .rh-lg-93{
      height: 93rem;
  }
   .rh-lg-94{
      height: 94rem;
  }
  .rh-lg-95{
      height: 95rem;
  }
   .rh-lg-96{
      height: 96rem;
  }
   .rh-lg-97{
      height: 97rem;
  }
   .rh-lg-98{
      height: 98rem;
  }
   .rh-lg-99{
      height: 99rem;
  }
  .rh-lg-100{
      height: 100rem;
  }

  .center-lg{
      text-align: center;
    }


.top-lg-0{
top: 0px;
}
.top-lg-5{
top: 5px;
}
.top-lg-10{
top: 10px;
}
.top-lg-20{
top: 20px;
}
.top-lg-30{
top: 30px;
}
.top-lg-40{
top: 40px;
}
.top-lg-50{
top: 50px;
}
.top-lg-60{
top: 60px;
}
.top-lg-70{
top: 70px;
}
.top-lg-80{
top: 80px;
}
.top-lg-90{
top: 90px;
}
.top-lg-100{
top: 100px;
}



.left-lg-0{
left: 0px;
}
.left-lg-5{
left: 5px;
}
.left-lg-10{
left: 10px;
}
.left-lg-20{
left: 20px;
}
.left-lg-30{
left: 30px;
}
.left-lg-40{
left: 40px;
}
.left-lg-50{
left: 50px;
}
.left-lg-60{
left: 60px;
}
.left-lg-70{
left: 70px;
}
.left-lg-80{
left: 80px;
}
.left-lg-90{
left: 90px;
}
.left-lg-100{
left: 100px;
}



.right-lg-0{
right: 0px;
}
.right-lg-5{
right: 5px;
}
.right-lg-10{
right: 10px;
}
.right-lg-20{
right: 20px;
}
.right-lg-30{
right: 30px;
}
.right-lg-40{
right: 40px;
}
.right-lg-50{
right: 50px;
}
.right-lg-60{
right: 60px;
}
.right-lg-70{
right: 70px;
}
.right-lg-80{
right: 80px;
}
.right-lg-90{
right: 90px;
}
.right-lg-100{
right: 100px;
}



.bottom-lg-0{
bottom: 0px;
}
.bottom-lg-5{
bottom: 5px;
}
.bottom-lg-10{
bottom: 10px;
}
.bottom-lg-20{
bottom: 20px;
}
.bottom-lg-30{
bottom: 30px;
}
.bottom-lg-40{
bottom: 40px;
}
.bottom-lg-50{
bottom: 50px;
}
.bottom-lg-60{
bottom: 60px;
}
.bottom-lg-70{
bottom: 70px;
}
.bottom-lg-80{
bottom: 80px;
}
.bottom-lg-90{
bottom: 90px;
}
.bottom-lg-100{
bottom: 100px;
}


.fts-lg-1 {font-size: 12px;}
.fts-lg-2 {font-size: 14px;}
.fts-lg-3 {font-size: 16px;}
.fts-lg-4 {font-size: 18px;}
.fts-lg-5 {font-size: 20px;}
.fts-lg-6 {font-size: 22px;}
.fts-lg-7 {font-size: 24px;}
.fts-lg-8 {font-size: 26px;}
.fts-lg-9 {font-size: 28px;}
.fts-lg-10 {font-size: 30px;}
.fts-lg-11 {font-size: 32px;}
.fts-lg-12 {font-size: 36px;}
.fts-lg-13 {font-size: 40px;}
.fts-lg-14 {font-size: 44px;}
.fts-lg-15 {font-size: 48px;}
.fts-lg-16 {font-size: 52px;}
.fts-lg-17 {font-size: 56px;}
.fts-lg-18 {font-size: 60px;}
.fts-lg-19 {font-size: 64px;}
.fts-lg-20 {font-size: 68px;}
.fts-lg-21 {font-size: 72px;}



.m-lg-a {margin: auto;}
.m-lg-1 {margin: 0.25rem;}
.m-lg-2 {margin: 0.5rem;}
.m-lg-3 {margin: 1rem;}
.m-lg-4 {margin: 1.5rem;}
.m-lg-5 {margin: 2rem;}
.m-lg-6 {margin: 2.5rem;}
.m-lg-7 {margin: 3rem;}
.m-lg-8 {margin: 3.5rem;}
.m-lg-9 {margin: 4rem;}
.m-lg-10 {margin: 4.5rem;}
.m-lg-11 {margin: 5rem;}

.my-lg-1 {margin: 0.25rem 0;}
.my-lg-2 {margin: 0.5rem 0;}
.my-lg-3 {margin: 1rem 0;}
.my-lg-4 {margin: 1.5rem 0;}
.my-lg-5 {margin: 2rem 0;}
.my-lg-6 {margin: 2.5rem 0;}
.my-lg-7 {margin: 3rem 0;}
.my-lg-8 {margin: 3.5rem 0;}
.my-lg-9 {margin: 4rem 0;}
.my-lg-10 {margin: 4.5rem 0;}
.my-lg-11 {margin: 5rem 0;}

.mx-lg-1 {margin: 0 0.25rem;}
.mx-lg-2 {margin: 0 0.5rem;}
.mx-lg-3 {margin: 0 1rem;}
.mx-lg-4 {margin: 0 1.5rem;}
.mx-lg-5 {margin: 0 2rem;}
.mx-lg-6 {margin: 0 2.5rem;}
.mx-lg-7 {margin: 0 3rem;}
.mx-lg-8 {margin: 0 3.5rem;}
.mx-lg-9 {margin: 0 4rem;}
.mx-lg-10 {margin: 0 4.5rem;}
.mx-lg-11 {margin: 0 5rem;}



.mt-lg-1 {margin-top: 0.25rem;}
.mt-lg-2 {margin-top: 0.5rem;}
.mt-lg-3 {margin-top: 1rem;}
.mt-lg-4 {margin-top: 1.5rem;}
.mt-lg-5 {margin-top: 2rem;}
.mt-lg-6 {margin-top: 2.5rem;}
.mt-lg-7 {margin-top: 3rem;}
.mt-lg-8 {margin-top: 3.5rem;}
.mt-lg-9 {margin-top: 4rem;}
.mt-lg-10 {margin-top: 4.5rem;}
.mt-lg-11 {margin-top: 5rem;}
.mt-lg-12 {margin-top: 5.5rem;}
.mt-lg-13 {margin-top: 6rem;}
.mt-lg-14 {margin-top: 6.5rem;}
.mt-lg-15 {margin-top: 7rem;}
.mt-lg-16 {margin-top: 7.5rem;}
.mt-lg-17 {margin-top: 8rem;}
.mt-lg-18 {margin-top: 8.5rem;}
.mt-lg-19 {margin-top: 9rem;}
.mt-lg-20 {margin-top: 9.5rem;}

.mb-lg-1 {margin-bottom: 0.25rem;}
.mb-lg-2 {margin-bottom: 0.5rem;}
.mb-lg-3 {margin-bottom: 1rem;}
.mb-lg-4 {margin-bottom: 1.5rem;}
.mb-lg-5 {margin-bottom: 2rem;}
.mb-lg-6 {margin-bottom: 2.5rem;}
.mb-lg-7 {margin-bottom: 3rem;}
.mb-lg-8 {margin-bottom: 3.5rem;}
.mb-lg-9 {margin-bottom: 4rem;}
.mb-lg-10 {margin-bottom: 4.5rem;}
.mb-lg-11 {margin-bottom: 5rem;}

.ml-lg-1 {margin-left: 0.25rem;}
.ml-lg-2 {margin-left: 0.5rem;}
.ml-lg-3 {margin-left: 1rem;}
.ml-lg-4 {margin-left: 1.5rem;}
.ml-lg-5 {margin-left: 2rem;}
.ml-lg-6 {margin-left: 2.5rem;}
.ml-lg-7 {margin-left: 3rem;}
.ml-lg-8 {margin-left: 3.5rem;}
.ml-lg-9 {margin-left: 4rem;}
.ml-lg-10 {margin-left: 4.5rem;}
.ml-lg-11 {margin-left: 5rem;}

.mr-lg-1 {margin-right: 0.25rem;}
.mr-lg-2 {margin-right: 0.5rem;}
.mr-lg-3 {margin-right: 1rem;}
.mr-lg-4 {margin-right: 1.5rem;}
.mr-lg-5 {margin-right: 2rem;}
.mr-lg-6 {margin-right: 2.5rem;}
.mr-lg-7 {margin-right: 3rem;}
.mr-lg-8 {margin-right: 3.5rem;}
.mr-lg-9 {margin-right: 4rem;}
.mr-lg-10 {margin-right: 4.5rem;}
.mr-lg-11 {margin-right: 5rem;}

/***************************
padding
****************************/
.p-lg-0 {padding: 0px;}
.p-lg-1 {padding: 0.25rem;}
.p-lg-2 {padding: 0.5rem;}
.p-lg-3 {padding: 1rem;}
.p-lg-4 {padding: 1.5rem;}
.p-lg-5 {padding: 2rem;}
.p-lg-6 {padding: 2.5rem;}
.p-lg-7 {padding: 3rem;}
.p-lg-8 {padding: 3.5rem;}
.p-lg-9 {padding: 4rem;}
.p-lg-10 {padding: 4.5rem;}
.p-lg-11 {padding: 5rem;}


.py-lg-1 {padding: 0.25rem 0;}
.py-lg-2 {padding: 0.5rem 0;}
.py-lg-3 {padding: 1rem 0;}
.py-lg-4 {padding: 1.5rem 0;}
.py-lg-5 {padding: 2rem 0;}
.py-lg-6 {padding: 2.5rem 0;}
.py-lg-7 {padding: 3rem 0;}
.py-lg-8 {padding: 3.5rem 0;}
.py-lg-9 {padding: 4rem 0;}
.py-lg-10{padding: 4.5rem 0;}
.py-lg-11{padding: 5rem 0;}

.px-lg-1 {padding: 0 0.25rem;}
.px-lg-2 {padding: 0 0.5rem;}
.px-lg-3 {padding: 0 1rem;}
.px-lg-4 {padding: 0 1.5rem;}
.px-lg-5 {padding: 0 2rem;}
.px-lg-6 {padding: 0 2.5rem;}
.px-lg-7 {padding: 0 3rem;}
.px-lg-8 {padding: 0 3.5rem;}
.px-lg-9 {padding: 0 4rem;}
.px-lg-10 {padding: 0 4.5rem;}
.px-lg-11 {padding: 0 5rem;}

.pt-lg-0 {padding-top: 0px;}
.pt-lg-1 {padding-top: 0.25rem;}
.pt-lg-2 {padding-top: 0.5rem;}
.pt-lg-3 {padding-top: 1rem;}
.pt-lg-4 {padding-top: 1.5rem;}
.pt-lg-5 {padding-top: 2rem;}
.pt-lg-6 {padding-top: 2.5rem;}
.pt-lg-7 {padding-top: 3rem;}
.pt-lg-8 {padding-top: 3.5rem;}
.pt-lg-9 {padding-top: 4rem;}
.pt-lg-10 {padding-top: 4.5rem;}
.pt-lg-11 {padding-top: 5rem;}

.pt-lg-12 {padding-top: 5.5rem;}
.pt-lg-13 {padding-top: 6rem;}
.pt-lg-14 {padding-top: 6.5rem;}
.pt-lg-15 {padding-top: 7rem;}
.pt-lg-16 {padding-top: 7.5rem;}
.pt-lg-17 {padding-top: 8rem;}
.pt-lg-18 {padding-top: 8.5rem;}
.pt-lg-19 {padding-top: 9rem;}
.pt-lg-20 {padding-top: 9.5rem;}


.pb-lg-0 {padding-bottom: 0px;}
.pb-lg-1 {padding-bottom: 0.25rem;}
.pb-lg-2 {padding-bottom: 0.5rem;}
.pb-lg-3 {padding-bottom: 1rem;}
.pb-lg-4 {padding-bottom: 1.5rem;}
.pb-lg-5 {padding-bottom: 2rem;}
.pb-lg-6 {padding-bottom: 2.5rem;}
.pb-lg-7 {padding-bottom: 3rem;}
.pb-lg-8 {padding-bottom: 3.5rem;}
.pb-lg-9 {padding-bottom: 4rem;}
.pb-lg-10{padding-bottom: 4.5rem;}
.pb-lg-11{padding-bottom: 5rem;}


.pl-lg-0 {padding-left: 0px;}
.pl-lg-1 {padding-left: 0.25rem;}
.pl-lg-2 {padding-left: 0.5rem;}
.pl-lg-3 {padding-left: 1rem;}
.pl-lg-4 {padding-left: 1.5rem;}
.pl-lg-5 {padding-left: 2rem;}
.pl-lg-6 {padding-left: 2.5rem;}
.pl-lg-7 {padding-left: 3rem;}
.pl-lg-8 {padding-left: 3.5rem;}
.pl-lg-9 {padding-left: 4rem;}
.pl-lg-10{padding-left: 4.5rem;}
.pl-lg-11{padding-left: 5rem;}

.pr-lg-0 {padding-right: 0px;}
.pr-lg-1 {padding-right: 0.25rem;}
.pr-lg-2 {padding-right: 0.5rem;}
.pr-lg-3 {padding-right: 1rem;}
.pr-lg-4 {padding-right: 1.5rem;}
.pr-lg-5 {padding-right: 2rem;}
.pr-lg-6 {padding-right: 2.5rem;}
.pr-lg-7 {padding-right: 3rem;}
.pr-lg-8 {padding-right: 3.5rem;}
.pr-lg-9 {padding-right: 4rem;}
.pr-lg-10{padding-right: 4.5rem;}
.pr-lg-11{padding-right: 5rem;}
 
}


@media screen and (min-width: 980px){
  .display-xl-none{
      display: none;
  }
  .display-xl-block{
    display: block;
}
.display-xl-flex{
  display: flex;
}

.display-xl-inline-block{
  display: inline-block;
}

.lh-xl-1{
    line-height: 1;
  }
  .lh-xl-1-2{
    line-height: 1.2;
  }



.bg-xl-red{
    background-color: red;
}

  
.bg-xl-blue{
    background-color: blue;
}
  
.bg-xl-white{
    background-color: white;
}
  
.bg-xl-green{
    background-color: green;
}
  
.bg-xl-black{
    background-color: black;
}

.bg-xl-yellow{
    background-color: yellow;
} 
.bg-xl-gold{
    background-color: gold;
}


.text-xl-white{
    color: white;
  }
  .text-xl-blue{
    color: blue;
  }
  .text-xl-black{
    color: black;
  }
  .text-xl-red{
    color: red;
  }
  .text-xl-tomato{
    color: tomato;
  }
  .text-xl-darkred{
    color: #A25772;
  }
  .text-xl-green{
    color: green;
  }
  .text-xl-yellow{
    color: yellow;
  }
  .text-xl-gold{
    color: gold;
  }
   

 
.flex-xl-center{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin: auto;
   }

  .flex-xl-between{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
   }

   .flex-xl-around{
    margin: auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    flex-wrap: wrap;
   }
 



   
  .wt-xl-0{
      width: 0px;
  } 
   .wt-xl-1{
      width: 1px;
  } 
   .wt-xl-2{
      width: 2px;
  } 
   .wt-xl-3{
      width: 3px;
  } 
   .wt-xl-4{
      width: 4px;
  } 

  .wt-xl-5{
      width: 5%;
  }
   .wt-xl-6{
      width: 6%;
  }
   .wt-xl-7{
      width: 7%;
  }
   .wt-xl-8{
      width: 8%;
  }
   .wt-xl-9{
      width: 9%;
  } 
  .wt-xl-10{
      width: 10%;
  } 
  .wt-xl-11{
      width: 11%;
  } 
  .wt-xl-12{
      width: 12%;
  } 
  .wt-xl-13{
      width: 13%;
  } 
  .wt-xl-14{
      width: 14%;
  } 
  .wt-xl-15{
      width: 15%;
  } 
  .wt-xl-16{
      width: 16%;
  } 
  .wt-xl-17{
      width: 17%;
  } 
  .wt-xl-18{
      width: 18%;
  } 
  .wt-xl-19{
      width: 19%;
  } 
  .wt-xl-20{
      width: 20%;
  } 
   .wt-xl-21{
      width: 21%;
  } 
   .wt-xl-22{
      width: 22%;
  } 
   .wt-xl-23{
      width: 23%;
  } 
   .wt-xl-24{
      width: 24%;
  } 
  .wt-xl-25{
      width: 25%;
  }
    .wt-xl-26{
      width: 26%;
  }
    .wt-xl-27{
      width: 27%;
  }
    .wt-xl-28{
      width: 28%;
  }
    .wt-xl-29{
      width: 29%;
  }
  .wt-xl-30{
      width: 30%;
  }
   .wt-xl-31{
      width: 31%;
  }
   .wt-xl-32{
      width: 32%;
  }
   .wt-xl-33{
      width: 33%;
  }
   .wt-xl-34{
      width: 34%;
  }
  .wt-xl-35{
      width: 35%;
  }
   .wt-xl-36{
      width: 36%;
  }
   .wt-xl-37{
      width: 37%;
  }
   .wt-xl-38{
      width: 38%;
  }
   .wt-xl-39{
      width: 39%;
  }
  .wt-xl-40{
      width: 40%;
  }
   .wt-xl-41{
      width: 41%;
  }
   .wt-xl-42{
      width: 42%;
  }
   .wt-xl-43{
      width: 43%;
  }
   .wt-xl-44{
      width: 44%;
  }

   .wt-xl-45{
      width: 45%;
  }
   .wt-xl-46{
      width: 46%;
  }
   .wt-xl-47{
      width: 47%;
  }
   .wt-xl-48{
      width: 48%;
  }
   .wt-xl-49{
      width: 49%;
  }
   .wt-xl-50{
      width: 50%;
  }
   .wt-xl-51{
      width: 51%;
  }
   .wt-xl-52{
      width: 52%;
  }
   .wt-xl-53{
      width: 53%;
  }
   .wt-xl-54{
      width: 54%;
  }
   .wt-xl-55{
      width: 55%;
  }
   .wt-xl-56{
      width: 56%;
  }
   .wt-xl-57{
      width: 57%;
  }
   .wt-xl-58{
      width: 58%;
  }
   .wt-xl-59{
      width: 59%;
  }
   .wt-xl-60{
      width: 60%;
  }
   .wt-xl-61{
      width: 61%;
  }
   .wt-xl-62{
      width: 62%;
  }
   .wt-xl-63{
      width: 63%;
  }
   .wt-xl-64{
      width: 64%;
  }
   .wt-xl-65{
      width: 65%;
  }
   .wt-xl-66{
      width: 66%;
  }
   .wt-xl-67{
      width: 67%;
  }
   .wt-xl-68{
      width: 68%;
  }
   .wt-xl-69{
      width: 69%;
  }
   .wt-xl-70{
      width: 70%;
  }
  .wt-xl-71{
      width: 71%;
  }
  .wt-xl-72{
      width: 72%;
  }
  .wt-xl-73{
      width: 73%;
  }
  .wt-xl-74{
      width: 74%;
  }
   .wt-xl-75{
      width: 75%;
  }
  .wt-xl-76{
      width: 76%;
  }
  .wt-xl-77{
      width: 77%;
  }
  .wt-xl-78{
      width: 78%;
  }
  .wt-xl-79{
      width: 79%;
  }
   .wt-xl-80{
      width: 80%;
  }
   .wt-xl-81{
      width: 81%;
  }
   .wt-xl-82{
      width: 82%;
  }
   .wt-xl-83{
      width: 83%;
  }
   .wt-xl-84{
      width: 84%;
  }
   .wt-xl-85{
      width: 85%;
  }

   .wt-xl-86{
      width: 86%;
  }
   .wt-xl-87{
      width: 87%;
  }
   .wt-xl-88{
      width: 88%;
  }
   .wt-xl-89{
      width: 89%;
  }
 
  .wt-xl-90{
      width: 90%;
  }
   .wt-xl-91{
      width: 91%;
  }
   .wt-xl-92{
      width: 92%;
  }
   .wt-xl-93{
      width: 93%;
  }
   .wt-xl-94{
      width: 94%;
  }
  .wt-xl-95{
      width: 95%;
  }
   .wt-xl-96{
      width: 96%;
  }
   .wt-xl-97{
      width: 97%;
  }
   .wt-xl-98{
      width: 98%;
  }
   .wt-xl-99{
      width: 99%;
  }
  .wt-xl-100{
      width: 100%;
  }





  .ht-xl-0{
    height: 0%;
} 
 .ht-xl-1{
    height: 1%;
} 
 .ht-xl-2{
    height: 2%;
} 
 .ht-xl-3{
    height: 3%;
} 
 .ht-xl-4{
    height: 4%;
} 

.ht-xl-5{
    height: 5%;
}
 .ht-xl-6{
    height: 6%;
}
 .ht-xl-7{
    height: 7%;
}
 .ht-xl-8{
    height: 8%;
}
 .ht-xl-9{
    height: 9%;
} 
.ht-xl-10{
    height: 10%;
} 
.ht-xl-11{
    height: 11%;
} 
.ht-xl-12{
    height: 12%;
} 
.ht-xl-13{
    height: 13%;
} 
.ht-xl-14{
    height: 14%;
} 
.ht-xl-15{
    height: 15%;
} 
.ht-xl-16{
    height: 16%;
} 
.ht-xl-17{
    height: 17%;
} 
.ht-xl-18{
    height: 18%;
} 
.ht-xl-19{
    height: 19%;
} 
.ht-xl-20{
    height: 20%;
} 
 .ht-xl-21{
    height: 21%;
} 
 .ht-xl-22{
    height: 22%;
} 
 .ht-xl-23{
    height: 23%;
} 
 .ht-xl-24{
    height: 24%;
} 
.ht-xl-25{
    height: 25%;
}
  .ht-xl-26{
    height: 26%;
}
  .ht-xl-27{
    height: 27%;
}
  .ht-xl-28{
    height: 28%;
}
  .ht-xl-29{
    height: 29%;
}
.ht-xl-30{
    height: 30%;
}
 .ht-xl-31{
    height: 31%;
}
 .ht-xl-32{
    height: 32%;
}
 .ht-xl-33{
    height: 33%;
}
 .ht-xl-34{
    height: 34%;
}
.ht-xl-35{
    height: 35%;
}
 .ht-xl-36{
    height: 36%;
}
 .ht-xl-37{
    height: 37%;
}
 .ht-xl-38{
    height: 38%;
}
 .ht-xl-39{
    height: 39%;
}
.ht-xl-40{
    height: 40%;
}
 .ht-xl-41{
    height: 41%;
}
 .ht-xl-42{
    height: 42%;
}
 .ht-xl-43{
    height: 43%;
}
 .ht-xl-44{
    height: 44%;
}

 .ht-xl-45{
    height: 45%;
}
 .ht-xl-46{
    height: 46%;
}
 .ht-xl-47{
    height: 47%;
}
 .ht-xl-48{
    height: 48%;
}
 .ht-xl-49{
    height: 49%;
}
 .ht-xl-50{
    height: 50%;
}
 .ht-xl-51{
    height: 51%;
}
 .ht-xl-52{
    height: 52%;
}
 .ht-xl-53{
    height: 53%;
}
 .ht-xl-54{
    height: 54%;
}
 .ht-xl-55{
    height: 55%;
}
 .ht-xl-56{
    height: 56%;
}
 .ht-xl-57{
    height: 57%;
}
 .ht-xl-58{
    height: 58%;
}
 .ht-xl-59{
    height: 59%;
}
 .ht-xl-60{
    height: 60%;
}
 .ht-xl-61{
    height: 61%;
}
 .ht-xl-62{
    height: 62%;
}
 .ht-xl-63{
    height: 63%;
}
 .ht-xl-64{
    height: 64%;
}
 .ht-xl-65{
    height: 65%;
}
 .ht-xl-66{
    height: 66%;
}
 .ht-xl-67{
    height: 67%;
}
 .ht-xl-68{
    height: 68%;
}
 .ht-xl-69{
    height: 69%;
}
 .ht-xl-70{
    height: 70%;
}
.ht-xl-71{
    height: 71%;
}
.ht-xl-72{
    height: 72%;
}
.ht-xl-73{
    height: 73%;
}
.ht-xl-74{
    height: 74%;
}
 .ht-xl-75{
    height: 75%;
}
.ht-xl-76{
    height: 76%;
}
.ht-xl-77{
    height: 77%;
}
.ht-xl-78{
    height: 78%;
}
.ht-xl-79{
    height: 79%;
}
 .ht-xl-80{
    height: 80%;
}
 .ht-xl-81{
    height: 81%;
}
 .ht-xl-82{
    height: 82%;
}
 .ht-xl-83{
    height: 83%;
}
 .ht-xl-84{
    height: 84%;
}
 .ht-xl-85{
    height: 85%;
}

 .ht-xl-86{
    height: 86%;
}
 .ht-xl-87{
    height: 87%;
}
 .ht-xl-88{
    height: 88%;
}
 .ht-xl-89{
    height: 89%;
}

.ht-xl-90{
    height: 90%;
}
 .ht-xl-91{
    height: 91%;
}
 .ht-xl-92{
    height: 92%;
}
 .ht-xl-93{
    height: 93%;
}
 .ht-xl-94{
    height: 94%;
}
.ht-xl-95{
    height: 95%;
}
 .ht-xl-96{
    height: 96%;
}
 .ht-xl-97{
    height: 97%;
}
 .ht-xl-98{
    height: 98%;
}
 .ht-xl-99{
    height: 99%;
}
.ht-xl-100{
    height: 100%;
}



  

   


  .rh-xl-0{
      height: 0rem;
  } 
   .rh-xl-1{
      height: 1rem;
  } 
   .rh-xl-2{
      height: 2rem;
  } 
   .rh-xl-3{
      height: 3rem;
  } 
   .rh-xl-4{
      height: 4rem;
  } 

  .rh-xl-5{
      height: 5rem;
  }
   .rh-xl-6{
      height: 6rem;
  }
   .rh-xl-7{
      height: 7rem;
  }
   .rh-xl-8{
      height: 8rem;
  }
   .rh-xl-9{
      height: 9rem;
  } 
  .rh-xl-10{
      height: 10rem;
  } 
  .rh-xl-11{
      height: 11rem;
  } 
  .rh-xl-12{
      height: 12rem;
  } 
  .rh-xl-13{
      height: 13rem;
  } 
  .rh-xl-14{
      height: 14rem;
  } 
  .rh-xl-15{
      height: 15rem;
  } 
  .rh-xl-16{
      height: 16rem;
  } 
  .rh-xl-17{
      height: 17rem;
  } 
  .rh-xl-18{
      height: 18rem;
  } 
  .rh-xl-19{
      height: 19rem;
  } 
  .rh-xl-20{
      height: 20rem;
  } 
   .rh-xl-21{
      height: 21rem;
  } 
   .rh-xl-22{
      height: 22rem;
  } 
   .rh-xl-23{
      height: 23rem;
  } 
   .rh-xl-24{
      height: 24rem;
  } 
  .rh-xl-25{
      height: 25rem;
  }
    .rh-xl-26{
      height: 26rem;
  }
    .rh-xl-27{
      height: 27rem;
  }
    .rh-xl-28{
      height: 28rem;
  }
    .rh-xl-29{
      height: 29rem;
  }
  .rh-xl-30{
      height: 30rem;
  }
   .rh-xl-31{
      height: 31rem;
  }
   .rh-xl-32{
      height: 32rem;
  }
   .rh-xl-33{
      height: 33rem;
  }
   .rh-xl-34{
      height: 34rem;
  }
  .rh-xl-35{
      height: 35rem;
  }
   .rh-xl-36{
      height: 36rem;
  }
   .rh-xl-37{
      height: 37rem;
  }
   .rh-xl-38{
      height: 38rem;
  }
   .rh-xl-39{
      height: 39rem;
  }
  .rh-xl-40{
      height: 40rem;
  }
   .rh-xl-41{
      height: 41rem;
  }
   .rh-xl-42{
      height: 42rem;
  }
   .rh-xl-43{
      height: 43rem;
  }
   .rh-xl-44{
      height: 44rem;
  }

   .rh-xl-45{
      height: 45rem;
  }
   .rh-xl-46{
      height: 46rem;
  }
   .rh-xl-47{
      height: 47rem;
  }
   .rh-xl-48{
      height: 48rem;
  }
   .rh-xl-49{
      height: 49rem;
  }
   .rh-xl-50{
      height: 50rem;
  }
   .rh-xl-51{
      height: 51rem;
  }
   .rh-xl-52{
      height: 52rem;
  }
   .rh-xl-53{
      height: 53rem;
  }
   .rh-xl-54{
      height: 54rem;
  }
   .rh-xl-55{
      height: 55rem;
  }
   .rh-xl-56{
      height: 56rem;
  }
   .rh-xl-57{
      height: 57rem;
  }
   .rh-xl-58{
      height: 58rem;
  }
   .rh-xl-59{
      height: 59rem;
  }
   .rh-xl-60{
      height: 60rem;
  }
   .rh-xl-61{
      height: 61rem;
  }
   .rh-xl-62{
      height: 62rem;
  }
   .rh-xl-63{
      height: 63rem;
  }
   .rh-xl-64{
      height: 64rem;
  }
   .rh-xl-65{
      height: 65rem;
  }
   .rh-xl-66{
      height: 66rem;
  }
   .rh-xl-67{
      height: 67rem;
  }
   .rh-xl-68{
      height: 68rem;
  }
   .rh-xl-69{
      height: 69rem;
  }
   .rh-xl-70{
      height: 70rem;
  }
  .rh-xl-71{
      height: 71rem;
  }
  .rh-xl-72{
      height: 72rem;
  }
  .rh-xl-73{
      height: 73rem;
  }
  .rh-xl-74{
      height: 74rem;
  }
   .rh-xl-75{
      height: 75rem;
  }
  .rh-xl-76{
      height: 76rem;
  }
  .rh-xl-77{
      height: 77rem;
  }
  .rh-xl-78{
      height: 78rem;
  }
  .rh-xl-79{
      height: 79rem;
  }
   .rh-xl-80{
      height: 80rem;
  }
   .rh-xl-81{
      height: 81rem;
  }
   .rh-xl-82{
      height: 82rem;
  }
   .rh-xl-83{
      height: 83rem;
  }
   .rh-xl-84{
      height: 84rem;
  }
   .rh-xl-85{
      height: 85rem;
  }

   .rh-xl-86{
      height: 86rem;
  }
   .rh-xl-87{
      height: 87rem;
  }
   .rh-xl-88{
      height: 88rem;
  }
   .rh-xl-89{
      height: 89rem;
  }
 
  .rh-xl-90{
      height: 90rem;
  }
   .rh-xl-91{
      height: 91rem;
  }
   .rh-xl-92{
      height: 92rem;
  }
   .rh-xl-93{
      height: 93rem;
  }
   .rh-xl-94{
      height: 94rem;
  }
  .rh-xl-95{
      height: 95rem;
  }
   .rh-xl-96{
      height: 96rem;
  }
   .rh-xl-97{
      height: 97rem;
  }
   .rh-xl-98{
      height: 98rem;
  }
   .rh-xl-99{
      height: 99rem;
  }
  .rh-xl-100{
      height: 100rem;
  }



.fts-xl-1 {font-size: 12px;}
.fts-xl-2 {font-size: 14px;}
.fts-xl-3 {font-size: 16px;}
.fts-xl-4 {font-size: 18px;}
.fts-xl-5 {font-size: 20px;}
.fts-xl-6 {font-size: 22px;}
.fts-xl-7 {font-size: 24px;}
.fts-xl-8 {font-size: 26px;}
.fts-xl-9 {font-size: 28px;}
.fts-xl-10 {font-size: 30px;}
.fts-xl-11 {font-size: 32px;}
.fts-xl-12 {font-size: 36px;}
.fts-xl-13 {font-size: 40px;}
.fts-xl-14 {font-size: 44px;}
.fts-xl-15 {font-size: 48px;}
.fts-xl-16 {font-size: 52px;}
.fts-xl-17 {font-size: 56px;}
.fts-xl-18 {font-size: 60px;}
.fts-xl-19 {font-size: 64px;}
.fts-xl-20 {font-size: 68px;}
.fts-xl-21 {font-size: 72px;}




.top-xl-0{
top: 0px;
}
.top-xl-5{
top: 5px;
}
.top-xl-10{
top: 10px;
}
.top-xl-20{
top: 20px;
}
.top-xl-30{
top: 30px;
}
.top-xl-40{
top: 40px;
}
.top-xl-50{
top: 50px;
}
.top-xl-60{
top: 60px;
}
.top-xl-70{
top: 70px;
}
.top-xl-80{
top: 80px;
}
.top-xl-90{
top: 90px;
}
.top-xl-100{
top: 100px;
}


.left-xl-0{
left: 0px;
}
.left-xl-5{
left: 5px;
}
.left-xl-10{
left: 10px;
}
.left-xl-20{
left: 20px;
}
.left-xl-30{
left: 30px;
}
.left-xl-40{
left: 40px !important;
}
.left-xl-50{
left: 50px;
}
.left-xl-60{
left: 60px;
}
.left-xl-70{
left: 70px;
}
.left-xl-80{
left: 80px;
}
.left-xl-90{
left: 90px;
}
.left-xl-100{
left: 100px;
}



.right-xl-0{
right: 0px;
}
.right-xl-5{
right: 5px;
}
.right-xl-10{
right: 10px;
}
.right-xl-20{
right: 20px;
}
.right-xl-30{
right: 30px;
}
.right-xl-40{
right: 40px;
}
.right-xl-50{
right: 50px;
}
.right-xl-60{
right: 60px;
}
.right-xl-70{
right: 70px;
}
.right-xl-80{
right: 80px;
}
.right-xl-90{
right: 90px;
}
.right-xl-100{
right: 100px;
}



.bottom-xl-0{
bottom: 0px;
}
.bottom-xl-5{
bottom: 5px;
}
.bottom-xl-10{
bottom: 10px;
}
.bottom-xl-20{
bottom: 20px;
}
.bottom-xl-30{
bottom: 30px;
}
.bottom-xl-40{
bottom: 40px;
}
.bottom-xl-50{
bottom: 50px;
}
.bottom-xl-60{
bottom: 60px;
}
.bottom-xl-70{
bottom: 70px;
}
.bottom-xl-80{
bottom: 80px;
}
.bottom-xl-90{
bottom: 90px;
}
.bottom-xl-100{
bottom: 100px;
}





.m-xl-a {margin: auto;}
.m-xl-1 {margin: 0.25rem;}
.m-xl-2 {margin: 0.5rem;}
.m-xl-3 {margin: 1rem;}
.m-xl-4 {margin: 1.5rem;}
.m-xl-5 {margin: 2rem;}
.m-xl-6 {margin: 2.5rem;}
.m-xl-7 {margin: 3rem;}
.m-xl-8 {margin: 3.5rem;}
.m-xl-9 {margin: 4rem;}
.m-xl-10 {margin: 4.5rem;}
.m-xl-11 {margin: 5rem;}

.my-xl-1 {margin: 0.25rem 0;}
.my-xl-2 {margin: 0.5rem 0;}
.my-xl-3 {margin: 1rem 0;}
.my-xl-4 {margin: 1.5rem 0;}
.my-xl-5 {margin: 2rem 0;}
.my-xl-6 {margin: 2.5rem 0;}
.my-xl-7 {margin: 3rem 0;}
.my-xl-8 {margin: 3.5rem 0;}
.my-xl-9 {margin: 4rem 0;}
.my-xl-10 {margin: 4.5rem 0;}
.my-xl-11 {margin: 5rem 0;}

.mx-xl-1 {margin: 0 0.25rem;}
.mx-xl-2 {margin: 0 0.5rem;}
.mx-xl-3 {margin: 0 1rem;}
.mx-xl-4 {margin: 0 1.5rem;}
.mx-xl-5 {margin: 0 2rem;}
.mx-xl-6 {margin: 0 2.5rem;}
.mx-xl-7 {margin: 0 3rem;}
.mx-xl-8 {margin: 0 3.5rem;}
.mx-xl-9 {margin: 0 4rem;}
.mx-xl-10 {margin: 0 4.5rem;}
.mx-xl-11 {margin: 0 5rem;}



.mt-xl-1 {margin-top: 0.25rem;}
.mt-xl-2 {margin-top: 0.5rem;}
.mt-xl-3 {margin-top: 1rem;}
.mt-xl-4 {margin-top: 1.5rem;}
.mt-xl-5 {margin-top: 2rem;}
.mt-xl-6 {margin-top: 2.5rem;}
.mt-xl-7 {margin-top: 3rem;}
.mt-xl-8 {margin-top: 3.5rem;}
.mt-xl-9 {margin-top: 4rem;}
.mt-xl-10 {margin-top: 4.5rem;}
.mt-xl-11 {margin-top: 5rem;}
.mt-xl-12 {margin-top: 5.5rem;}
.mt-xl-13 {margin-top: 6rem;}
.mt-xl-14 {margin-top: 6.5rem;}
.mt-xl-15 {margin-top: 7rem;}
.mt-xl-16 {margin-top: 7.5rem;}
.mt-xl-17 {margin-top: 8rem;}
.mt-xl-18 {margin-top: 8.5rem;}
.mt-xl-19 {margin-top: 9rem;}
.mt-xl-20 {margin-top: 9.5rem;}

.mb-xl-1 {margin-bottom: 0.25rem;}
.mb-xl-2 {margin-bottom: 0.5rem;}
.mb-xl-3 {margin-bottom: 1rem;}
.mb-xl-4 {margin-bottom: 1.5rem;}
.mb-xl-5 {margin-bottom: 2rem;}
.mb-xl-6 {margin-bottom: 2.5rem;}
.mb-xl-7 {margin-bottom: 3rem;}
.mb-xl-8 {margin-bottom: 3.5rem;}
.mb-xl-9 {margin-bottom: 4rem;}
.mb-xl-10 {margin-bottom: 4.5rem;}
.mb-xl-11 {margin-bottom: 5rem;}

.ml-xl-1 {margin-left: 0.25rem;}
.ml-xl-2 {margin-left: 0.5rem;}
.ml-xl-3 {margin-left: 1rem;}
.ml-xl-4 {margin-left: 1.5rem;}
.ml-xl-5 {margin-left: 2rem;}
.ml-xl-6 {margin-left: 2.5rem;}
.ml-xl-7 {margin-left: 3rem;}
.ml-xl-8 {margin-left: 3.5rem;}
.ml-xl-9 {margin-left: 4rem;}
.ml-xl-10 {margin-left: 4.5rem;}
.ml-xl-11 {margin-left: 5rem;}

.mr-xl-1 {margin-right: 0.25rem;}
.mr-xl-2 {margin-right: 0.5rem;}
.mr-xl-3 {margin-right: 1rem;}
.mr-xl-4 {margin-right: 1.5rem;}
.mr-xl-5 {margin-right: 2rem;}
.mr-xl-6 {margin-right: 2.5rem;}
.mr-xl-7 {margin-right: 3rem;}
.mr-xl-8 {margin-right: 3.5rem;}
.mr-xl-9 {margin-right: 4rem;}
.mr-xl-10 {margin-right: 4.5rem;}
.mr-xl-11 {margin-right: 5rem;}

/***************************
padding
****************************/
.p-xl-0 {padding: 0px;}
.p-xl-1 {padding: 0.25rem;}
.p-xl-2 {padding: 0.5rem;}
.p-xl-3 {padding: 1rem;}
.p-xl-4 {padding: 1.5rem;}
.p-xl-5 {padding: 2rem;}
.p-xl-6 {padding: 2.5rem;}
.p-xl-7 {padding: 3rem;}
.p-xl-8 {padding: 3.5rem;}
.p-xl-9 {padding: 4rem;}
.p-xl-10 {padding: 4.5rem;}
.p-xl-11 {padding: 5rem;}


.py-xl-1 {padding: 0.25rem 0;}
.py-xl-2 {padding: 0.5rem 0;}
.py-xl-3 {padding: 1rem 0;}
.py-xl-4 {padding: 1.5rem 0;}
.py-xl-5 {padding: 2rem 0;}
.py-xl-6 {padding: 2.5rem 0;}
.py-xl-7 {padding: 3rem 0;}
.py-xl-8 {padding: 3.5rem 0;}
.py-xl-9 {padding: 4rem 0;}
.py-xl-10{padding: 4.5rem 0;}
.py-xl-11{padding: 5rem 0;}

.px-xl-1 {padding: 0 0.25rem;}
.px-xl-2 {padding: 0 0.5rem;}
.px-xl-3 {padding: 0 1rem;}
.px-xl-4 {padding: 0 1.5rem;}
.px-xl-5 {padding: 0 2rem;}
.px-xl-6 {padding: 0 2.5rem;}
.px-xl-7 {padding: 0 3rem;}
.px-xl-8 {padding: 0 3.5rem;}
.px-xl-9 {padding: 0 4rem;}
.px-xl-10 {padding: 0 4.5rem;}
.px-xl-11 {padding: 0 5rem;}

.pt-xl-0 {padding-top: 0px;}
.pt-xl-1 {padding-top: 0.25rem;}
.pt-xl-2 {padding-top: 0.5rem;}
.pt-xl-3 {padding-top: 1rem;}
.pt-xl-4 {padding-top: 1.5rem;}
.pt-xl-5 {padding-top: 2rem;}
.pt-xl-6 {padding-top: 2.5rem;}
.pt-xl-7 {padding-top: 3rem;}
.pt-xl-8 {padding-top: 3.5rem;}
.pt-xl-9 {padding-top: 4rem;}
.pt-xl-10 {padding-top: 4.5rem;}
.pt-xl-11 {padding-top: 5rem;}

.pt-xl-12 {padding-top: 5.5rem;}
.pt-xl-13 {padding-top: 6rem;}
.pt-xl-14 {padding-top: 6.5rem;}
.pt-xl-15 {padding-top: 7rem;}
.pt-xl-16 {padding-top: 7.5rem;}
.pt-xl-17 {padding-top: 8rem;}
.pt-xl-18 {padding-top: 8.5rem;}
.pt-xl-19 {padding-top: 9rem;}
.pt-xl-20 {padding-top: 9.5rem;}


.pb-xl-0 {padding-bottom: 0px;}
.pb-xl-1 {padding-bottom: 0.25rem;}
.pb-xl-2 {padding-bottom: 0.5rem;}
.pb-xl-3 {padding-bottom: 1rem;}
.pb-xl-4 {padding-bottom: 1.5rem;}
.pb-xl-5 {padding-bottom: 2rem;}
.pb-xl-6 {padding-bottom: 2.5rem;}
.pb-xl-7 {padding-bottom: 3rem;}
.pb-xl-8 {padding-bottom: 3.5rem;}
.pb-xl-9 {padding-bottom: 4rem;}
.pb-xl-10{padding-bottom: 4.5rem;}
.pb-xl-11{padding-bottom: 5rem;}


.pl-xl-0 {padding-left: 0px;}
.pl-xl-1 {padding-left: 0.25rem;}
.pl-xl-2 {padding-left: 0.5rem;}
.pl-xl-3 {padding-left: 1rem;}
.pl-xl-4 {padding-left: 1.5rem;}
.pl-xl-5 {padding-left: 2rem;}
.pl-xl-6 {padding-left: 2.5rem;}
.pl-xl-7 {padding-left: 3rem;}
.pl-xl-8 {padding-left: 3.5rem;}
.pl-xl-9 {padding-left: 4rem;}
.pl-xl-10{padding-left: 4.5rem;}
.pl-xl-11{padding-left: 5rem;}

.pr-xl-0 {padding-right: 0px;}
.pr-xl-1 {padding-right: 0.25rem;}
.pr-xl-2 {padding-right: 0.5rem;}
.pr-xl-3 {padding-right: 1rem;}
.pr-xl-4 {padding-right: 1.5rem;}
.pr-xl-5 {padding-right: 2rem;}
.pr-xl-6 {padding-right: 2.5rem;}
.pr-xl-7 {padding-right: 3rem;}
.pr-xl-8 {padding-right: 3.5rem;}
.pr-xl-9 {padding-right: 4rem;}
.pr-xl-10{padding-right: 4.5rem;}
.pr-xl-11{padding-right: 5rem;}


}