body {
  font-family: 'Lato', sans-serif;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1, p, a {
  font-family: 'Lato', sans-serif;
}

.entry-level-training{
  background: #E8EFF9;
}

.entry-level-small{
  font-size: 15px !important;
}

.skilling-training{
  background: #FFEFE7;
}

.top-hearder-bg{
  background: #455999;
}

.main-content-bg{
  background: #fff;
}

.color-deep-blue{
  color: #34495E;
}

.color-deep-black{
  color: #010101;
}

.color-gray{
  color: #7B7B7B;
}

.color-blue{
  color: #455999;
}

.company-logo{
  max-height: 80px;
}

.br-right{
  border-right: 3px dashed #CCCCCC;
}
.br-left{
  border-left: 3px dashed #CCCCCC;
}
.br-bottom{
  border-bottom: 3px dashed #CCCCCC;
}
.br-top{
  border-top: 3px dashed #CCCCCC;
}
/*.dataTables_filter, .dataTables_info .dataTables_length{ display: none; }*/


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .h1{
    font-size: 1rem;
  }
  .h2{
    font-size: .8rem;
  }
  /*.table-content{
    font-size: .7rem;
  }
  .table-content a{
    font-size: .7rem;
  }
  .table-content button{
    font-size: .7rem;
  }
  .sight-graph-area{
    min-height: 500px;
  }*/
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .h1{
    font-size: 1rem;
  }
  .h2{
    font-size: .5rem;
  }
  .h5{
    font-size: 1rem;
  }
  /*.table-content{
    font-size: .8rem; min-height: 590px !important;
  }
  .table-content a{
    font-size: .8rem;
  }
  .table-content button{
    font-size: .7rem;
  }
  .sight-graph-area{
    min-height: 250px;
  }*/
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .h1{
    font-size: 1.1rem;
  }
  .h2{
    font-size: .8rem;
  }
  .h5{
    font-size: 1rem;
  }
  /*.table-content{
    font-size: .9rem; white-space: nowrap;
  }
  .table-content a{
    font-size: .9rem; white-space: nowrap;
  }
  .table-content button{
    font-size: .9rem; white-space: nowrap;
  }*/
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .h1{
    font-size: 1.3rem;
  }
  .h2{
    font-size: 1.2rem;
  }
  .h5{
    font-size: 1.2rem;
  }
  /*.map-area{
    min-height: 540px;
  }*/
  /*.data-area{
    min-height: 540px;
  }
  .table-content{
    font-size: 1.1rem; white-space: nowrap;
  }*/
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1200px) {
  .h1{
    font-size: 1.4rem !important;
  }
  .h2{
    font-size: 1.1rem;
  }
  .h5{
    font-size: 1.2rem;
  }
  /*.map-area{
    min-height: 730px;
  }*/
  /*.data-area{
    min-height: 730px;
  }
  .table-content{
    min-height: 55vh;
  }*/
}


/* Extra large devices (large laptops and desktops, 1201px and up) */
@media only screen and (min-width: 1201px) {
  .h1{
    font-size: 1.8rem !important;
  }
  .h2{
    font-size: 1.7rem;
  }
  .h5{
    font-size: 1.1rem;
  }
  /*.map-area{
    min-height: 715px;
  }*/
  /*.data-area{
    min-height: 715px;
  }
  .table-content{
    min-height: 500px !important;
  }*/
  /*.sight-graph-area{
    min-height: 365px;
  }*/
}

/* Extra large devices (large laptops and desktops, 1600px and up) */
@media only screen and (min-width: 1600px) {
  .h1{
    font-size: 1.8rem !important;
  }
  .h2{
    font-size: 1.7rem;
  }
  .h5{
    font-size: 1.1rem;
  }
  /*.map-area{
    min-height: 740px;
  }*/
  /*.data-area{
    min-height: 740px;
  }
  .table-content{
    min-height: 500px !important;
  }*/
  /*.sight-graph-area{
    min-height: 355px;
  }*/
}