@media only screen  and (min-width: 1445px)  {
#class0id{
  max-width: 1500px;
  position: relative;
  margin: auto;
}
.navbar-fixed {
    z-index: 100;
    position: relative;
    background: #e3e3e3;
    width: 100%;
}
.class8
img{
  position: relative;
  width: 1000px;
  right: 0;
}
}



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

}



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

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left:1.5rem;
}
.navbar-fixed img{
	width: 120px;
}
}


@media only screen and (min-device-width : 1024px) and (max-device-width : 1200px) {
.vission5 img {
    margin-top: -67px!important;
}
.mission5 img {
    margin-top: -67px!important;
}
}



@media only screen 
  and (max-width: 992px) 
  and (min-width: 768px){
.class0 {
    position: inherit!important;
    z-index: 100000;
}
#class19 i {
    margin-top: -18px!important;
}
.class1 {
    text-align: left!important;
}
.class2 {
    text-align: right!important;
}
.class8 {
    position: initial!important;
    right: 0;
    padding: 0;
    margin-top: 50px;
}
.class9 {
    margin-top: 100px!important;
    padding: 10px 10px;
    width: 60%;
    background: #fff;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
}
#class10 {
    margin-top: 100px!important;
}
.class19 table{
  margin: auto;
}
.class21 table{
  margin: auto;
}
.class13 {
    margin-top: 35px!important;
}
.class25 h1 {
    font-size: 35px!important;
    color: #fff;
    font-family: Bebas Kai;
    font-weight: 700;
}
.class72 {
    display: flex;
    flex-direction: column!important;
    margin-bottom: 25px;
}
.class73 {
    margin: auto;
    width: 60%!important;
    padding: 20px;
}
.valuediv3 h2 {
    font-size: 15px!important;
    font-family: 'Audiowide', cursive;
    font-weight: 600;
    color: #000000;
    margin-top: 15px;
    text-align: center;
}
}


@media only screen 
  and (max-width: 767px) 
  and (min-width: 576px){
.class0 {
    position: inherit!important;
    z-index: 100000;
}
.valuediv3 h2 {
    font-size: 15px!important;
    font-family: 'Audiowide', cursive;
    font-weight: 600;
    color: #000000;
    margin-top: 15px;
    text-align: center;
}
#class19 i {
    margin-top: -28px!important;
}
.class1 {
    text-align: left!important;
}
.class2 {
    text-align: right!important;
}
.class8 {
    position: initial!important;
    right: 0;
    padding: 0;
    margin-top: 50px;
}
.class9 {
    margin-top: 100px!important;
    padding: 10px 10px;
    width: 60%;
    background: #fff;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
}
#class10 {
    margin-top: 100px!important;
}
.class19 table{
  margin: auto;
}
.class21 table{
  margin: auto;
}
.class13 {
    margin-top: 35px!important;
    margin-bottom: 50px;
}
.class25 h1 {
    font-size: 50px!important;
    color: #fff;
    font-family: Bebas Kai;
    font-weight: 700;
}
.class72 {
    display: flex;
    flex-direction: column!important;
    margin-bottom: 25px;
}
.class73 {
    margin: auto;
    width: 60%!important;
    padding: 20px;
}
.class61 h1 {
    margin: auto;
    border-radius: 57px!important;
    font-size: 35px!important;
    width: 80%!important;
    background: #eaeaea;
    color: #3c5c73;
    font-family: Bebas Kai;
    font-weight: 700;
}
.myintroright {
    margin-top: -15px;
}
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 492px) {
    .mission4 img {
    margin-top: -30px!important;
}
.myintroright {
    margin-top: -15px;
}
.mission5 img {
    margin-top: -78px!important;
}
.vission4 img {
    margin-top: -30px!important;
}
.vission5 img {
    margin-top: -78px!important;
}
.class210 ul {
    margin-left: 0!important;
    padding: 15px!important;
}
.class7{
    width: 80%;
    margin: auto;
}
.navbar-fixed img {
    width: 100px;
}
.class4 h3 {
    color: #000;
    margin-top: 50px!important;
    font-size: 18px;
    font-family: Raleway;
    font-weight: 700;
}
.area1 h1 {
    background: #4D8EB9;
    width: 90%!important;
    text-align: center;
    margin: auto;
    padding: 10px;
    color: #fff;
    border-radius: 25px;
    font-size: 25px;
    font-family: 'Audiowide', cursive;
    font-weight: 600;
    position: relative;
}
.class10 h2 {
    /* color: #dfc7af; */
    font-family: 'Audiowide', cursive;
    font-weight: 600;
    font-size: 25px!important;
    margin-left: 0!important;
    margin-top: 25px;
}
.class10 {
    text-align: center;
    margin-top: 25px!important;
}
#class19 i {
    margin-top: -28px!important;
}
.class9 p {
    font-size: 18px!important;
    color: #5b534b;
    font-family: Raleway;
    font-weight: 600;
    margin-top: -25px;
}
.class9 h1 {
    font-size: 50px!important;
    color: #5b534b;
    font-family: Raleway;
    font-weight: 600;
}
#class25{
     margin-top: 110px;
}
.class10 h1 {
    color: #5b534b;
    font-family: Calibri;
    font-weight: 700;
    margin-top: -15px;
    font-size: 35px!important;
}
.navbar-brand {
    background: #fff;
    padding: 9px 53px 3px 5px!important;
    clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
}
.class0 {
    position: inherit!important;
    z-index: 100000;
}
.class1 {
    text-align: center!important;
}
.class2 {
    text-align: center!important;
}
.class8 {
    position: initial!important;
    right: 0;
    padding: 0;
    margin-top: 50px;
}
.class9 {
    margin-top: 100px!important;
    padding: 10px 10px;
    width: 9 0%;
    background: #fff;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
}
#class10 {
    margin-top: 100px!important;
}
.class19 table{
  margin: auto;
}
.class21 table{
  margin: auto;
}
.class13 {
    margin-top: 35px!important;
    margin-bottom: 50px;
}
.class25 h1 {
    font-size: 35px!important;
    color: #fff;
    font-family: Bebas Kai;
    font-weight: 700;
}
.class72 {
    display: flex;
    flex-direction: column!important;
    margin-bottom: 25px;
}
.class73 {
    margin: auto;
    width: 94%!important;
    padding: 20px;
}
.class61 h1 {
    margin: auto;
    border-radius: 57px!important;
    font-size: 25px!important;
    width: 98%!important;
    background: #eaeaea;
    color: #3c5c73;
    font-family: Bebas Kai;
    font-weight: 700;
}
.class19 {
    text-align: center;
    padding: 0 0!important;
}
.class19 table tr td {
    color: #fff;
    word-break: break-all;
    padding: 10px;
    font-weight: 600;
}
.class4 h1 {
    font-family: Impact;
    font-size: 50px!important;
    color: #f1f0f0;
}
.class4 h2 {
    font-family: Impact;
    color: #62c2da;
    margin-top: -35px!important;
    font-size: 35px!important;
}
.class28 h2 {
    font-size: 25px!important;
    color: #000;
    font-family: Bebas Kai;
    font-weight: 700;
}
.class32 h2 {
    font-size: 25px !important;
    color: #000;
    font-family: Bebas Kai;
    font-weight: 700;
}
#class351 h1 {
    font-size: 25px!important;
    color: #fff;
    font-family: Bebas Kai;
    font-weight: 700;
}
#class352 h1 {
    font-size: 25px!important;
    color: #fff;
    font-family: Bebas Kai;
    font-weight: 700;
}
#class353 h1 {
    font-size: 25px!important;
    color: #fff;
    font-family: Bebas Kai;
    font-weight: 700;
}
.class37 h1 {
    text-align: left;
    font-size: 25px !important;
    color: #000;
    font-family: Bebas Kai;
    font-weight: 700;
    margin-top: 28px;
}
.navbar-fixed {
    z-index: 100;
    position: inherit;
    background: #e3e3e3;
    width: 100%;
}
.navbar-fixed .navbar-nav {
    margin: auto;
    padding: 10px 0px;
    margin-top: 0px!important;
} 
.class19 h1 {
    color: #fff;
    font-size: 25px!important;
    font-family: 'Audiowide', cursive;
    font-weight: 700;
}
.class21 h1 {
    color: #fff;
    font-size: 25px!important;
    font-family: 'Audiowide', cursive;
    font-weight: 700;
}
.class5 h2 {
    background: #7aabcb;
    width: 300px;
    margin: auto;
    padding: 10px;
    color: #fff;
    border-radius: 25px;
    font-size: 25px!important;
    font-family: 'Audiowide', cursive;
    font-weight: 600;
    position: relative;
}
.value h1 {
    background: #4D8EB9;
    width: 90%!important;
    margin: auto;
    padding: 10px;
    color: #fff;
    border-radius: 25px;
    font-size: 25px;
    text-align: center;
    font-family: 'Audiowide', cursive;
    font-weight: 600;
    position: relative;
}
.valuemain {
    display: flex;
    flex-direction: column;
}
.valuediv1 {
    width: 100%!important;
    text-align: center;
    margin-bottom: 50px;
}

.clwhy1 h1 {
    background: #4D8EB9;
    width: 94%important;
    margin: auto;
    padding: 10px;
    color: #fff;
    border-radius: 25px;
    font-size: 25px;
    text-align: center;
    font-family: 'Audiowide', cursive;
    font-weight: 600;
    position: relative;
}
.class25 {
    margin-top: 100px!important;
}
}




@media only screen  and (max-width: 375px)  {
  .navbar-brand img{
    width: 100px;
  }   
.mission2 h1 {
    z-index: 1;
    /* position: relative; */
    text-align: center;
    background: #fff;
    width: 94%!important;
    padding: 10px 0;
    margin: auto;
    border-radius: 25px;
    margin-top: -10px;
    font-size: 25px;
    color: #4d8eb9;
    font-family: 'Audiowide', cursive;
    font-weight: 700;
}
}
@media only screen  and (max-width: 320px)  {
   .navbar-fixed img {
    width: 100px;
}
.valuediv1 {
    width: 100%!important;
    text-align: center;
    margin-bottom: 50px;
}
.clwhy1 h1 {
    background: #4D8EB9;
    width: 94%important;
    margin: auto;
    padding: 10px;
    color: #fff;
    border-radius: 25px;
    font-size: 25px;
    text-align: center;
    font-family: 'Audiowide', cursive;
    font-weight: 600;
    position: relative;
}
.valuediv1 {
    width: 100%!important;
    text-align: center;
}
.valuemain {
    display: flex;
    flex-direction: column;
}
.value h1 {
    background: #4D8EB9;
    width: 90%!important;
    margin: auto;
    padding: 10px;
    color: #fff;
    border-radius: 25px;
    font-size: 25px;
    text-align: center;
    font-family: 'Audiowide', cursive;
    font-weight: 600;
    position: relative;
}
.mission2 h1 {
    z-index: 1;
    /* position: relative; */
    text-align: center;
    background: #fff;
    width: 94%!important;
    padding: 10px 0;
    margin: auto;
    border-radius: 25px;
    margin-top: -10px;
    font-size: 25px;
    color: #4d8eb9;
    font-family: 'Audiowide', cursive;
    font-weight: 700;
}
.class5 h2 {
    background: #7aabcb;
    width: 300px;
    margin: auto;
    padding: 10px;
    color: #fff;
    border-radius: 25px;
    font-size: 25px!important;
    font-family: 'Audiowide', cursive;
    font-weight: 600;
    position: relative;
}
.class19 h1 {
    color: #fff;
    font-size: 25px!important;
    font-family: 'Audiowide', cursive;
    font-weight: 700;
}
.class21 h1 {
    color: #fff;
    font-size: 25px!important;
    font-family: 'Audiowide', cursive;
    font-weight: 700;
}
  #class19 i {
    margin-top: -37px!important;
}
.navbar-brand {
    background: #fff;
    padding: 9px 53px 3px 5px!important;
    clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
}
.class0 {
    position: inherit!important;
    z-index: 100000;
}
.class1 {
    text-align: center!important;
}
.class2 {
    text-align: center!important;
}
.class8 {
    position: initial!important;
    right: 0;
    padding: 0;
    margin-top: 50px;
}
.class9 {
    margin-top: 100px!important;
    padding: 10px 10px;
    width: 9 0%;
    background: #fff;
    box-shadow: 2px 2px 5px rgb(0 0 0 / 50%);
}
#class10 {
    margin-top: 100px!important;
}
.class19 table{
  margin: auto;
}
.class21 table{
  margin: auto;
}
.class13 {
    margin-top: 35px!important;
    margin-bottom: 50px;
}
.class25 h1 {
    font-size: 35px!important;
    color: #fff;
    word-break: break-word;
    font-family: Bebas Kai;
    font-weight: 700;
}
.class25 {
    margin-top: 100px!important;
}
.class72 {
    display: flex;
    flex-direction: column!important;
    margin-bottom: 25px;
}
.class73 {
    margin: auto;
    width: 94%!important;
    padding: 20px;
}
.class61 h1 {
    margin: auto;
    border-radius: 57px!important;
    font-size: 35px!important;
    width: 80%!important;
    background: #eaeaea;
    color: #3c5c73;
    font-family: Bebas Kai;
    font-weight: 700;
}
.class19 {
    text-align: center;
    padding: 0 0!important;
}
.class19 table tr td {
    color: #fff;
    word-break: break-all;
    padding: 10px;
    font-weight: 600;
}
.class4 h1 {
    font-family: Impact;
    font-size: 50px!important;
    color: #f1f0f0;
}
.class4 h2 {
    font-family: Impact;
    color: #62c2da;
    margin-top: -35px!important;
    font-size: 25px!important;
}
.class4 h2::before {
    content: '';
    border-left: 5px solid #4D8EB9;
    border-top: 5px solid #4D8EB9;
    width: 35px!important;
    height: 35px!important;
    margin-left: -14px!important;
    margin-top: -14px!important;
    position: absolute;
    background: transparent;
}
.class4 h2::after {
    content: '';
    border-right: 5px solid #4D8EB9;
    border-bottom: 5px solid #4D8EB9;
    width: 38px!important;
    height: 38px!important;
    margin-left: -20px!important;
    margin-top: 5px!important;
    position: absolute;
    background: transparent;
}
.class28 h2 {
    font-size: 35px!important;
    color: #000;
    font-family: Bebas Kai;
    font-weight: 700;
}
.class32 h2 {
    font-size: 35px;
    color: #000;
    font-family: Bebas Kai;
    font-weight: 700;
}
#class351 h1 {
    font-size: 35px!important;
    color: #fff;
    font-family: Bebas Kai;
    font-weight: 700;
}
#class352 h1 {
    font-size: 35px!important;
    color: #fff;
    font-family: Bebas Kai;
    font-weight: 700;
}
#class353 h1 {
    font-size: 35px!important;
    color: #fff;
    font-family: Bebas Kai;
    font-weight: 700;
}
.class37 h1 {
    text-align: left;
    font-size: 35px !important;
    color: #000;
    font-family: Bebas Kai;
    font-weight: 700;
}
.navbar-fixed {
    z-index: 100;
    position: inherit;
    background: #e3e3e3;
    width: 100%;
}
.navbar-fixed .navbar-nav {
    margin: auto;
    padding: 10px 0px;
    margin-top: 0px!important;
} 
.class9 p {
    font-size: 18px!important;
    color: #5b534b;
    font-family: Raleway;
    font-weight: 600;
    margin-top: -25px;
}
.class9 h1 {
    font-size: 50px!important;
    color: #5b534b;
    font-family: Raleway;
    font-weight: 600;
}
.class10 h1 {
    color: #5b534b;
    font-family: Calibri;
    font-weight: 700;
    margin-top: -15px;
    font-size: 35px!important;
}
#class25{
     margin-top: 50px;
}
.class10 h2 {
    /* color: #dfc7af; */
    font-family: 'Audiowide', cursive;
    font-weight: 600;
    font-size: 25px!important;
    margin-left: 0!important;
    margin-top: 25px;
}
.class4 h3 {
    color: #000;
    margin-top: 50px!important;
    font-size: 18px;
    font-family: Raleway;
    font-weight: 700;
}
.area1 h1 {
    background: #4D8EB9;
    width: 90%!important;
    text-align: center;
    margin: auto;
    padding: 10px;
    color: #fff;
    border-radius: 25px;
    font-size: 25px;
    font-family: 'Audiowide', cursive;
    font-weight: 600;
    position: relative;
}
}