@media only screen  and (min-width: 1445px)  {
  #class0{
  max-width: 1500px;
  margin: auto;
 }
}




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

}


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


@media only screen and (min-device-width : 992px) and (max-device-width : 1200px) {
 .class2 img{
  width: 450px;
 }
}



@media only screen 
  and (max-width: 992px) 
  and (min-width: 768px){
   .class2 img{
  width: 100%;
 }
 nav {
    background: #3554ae!important;
    margin: 0 auto;
    z-index: 10000;
    width: 100%;
    text-align: center;
    height: auto;
    background: #fff;
}
.class28 table tr td {
    color: #000;
    font-family: 'Raleway';
    padding: 6px 25px!important;
    font-weight: 600;
}
.class28 table tr td::before {
    position: absolute;
    content: " ";
    background: url(images/extra/bluearrow.png);
    background-position: center;
    background-size: cover;
    width: 10px;
    height: 15px;
    left: 0px!important;
    transition: all 300ms linear;
}
}


@media only screen 
  and (max-width: 767px) 
  and (min-width: 576px){
     .class2 img{
  width: 350px; 
 }
 .class2{
  text-align: center;
 }
 nav {
    background: #3554ae!important;
    margin: 0 auto;
    z-index: 10000;
    width: 100%;
    text-align: center;
    height: auto;
    background: #fff;
}
.class28 table tr td {
    color: #000;
    font-family: 'Raleway';
    padding: 6px 25px!important;
    font-weight: 600;
}
.class28 table tr td::before {
    position: absolute;
    content: " ";
    background: url(images/extra/bluearrow.png);
    background-position: center;
    background-size: cover;
    width: 10px;
    height: 15px;
    left: 0px!important;
    transition: all 300ms linear;
} 
.class9 img{
  width: 100px;
}
.class58{
  text-align: center;
}
.class60{
  text-align: center!important;
}
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 575px) {
  .class2 img{
  width: 250px; 
 }
 .class2{
  text-align: center;
 }
 nav {
    background: #3554ae!important;
    margin: 0 auto;
    z-index: 10000;
    width: 100%;
    text-align: center;
    height: auto;
    background: #fff;
}
.class28 table tr td {
    color: #000;
    font-family: 'Raleway';
    padding: 6px 25px!important;
    font-weight: 600;
}
.class28 table tr td::before {
    position: absolute;
    content: " ";
    background: url(images/extra/bluearrow.png);
    background-position: center;
    background-size: cover;
    width: 10px;
    height: 15px;
    left: 0px!important;
    transition: all 300ms linear;
} 
.class8 img{
  width: 48px;
}
.class9 img{
  width: 68px;
}
.class58{
  text-align: center;
}
.class60{
  text-align: center!important;
}
.class11 h2 {
    color: #b2b2b2;
    font-size: 22px!important;
}
.class11 h1 {
    color: #3554ae;
    font-size: 25px!important;
    margin-top: -10px;
    font-weight: 700;
}
.class11 img{
  width: 90%;
}
.class14 {
    position: relative;
    border-radius: 25px;
    overflow: hidden;
    height: 140px!important;
}
.class15 {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 29px!important;
}
.class15 h2 {
    color: #fff;
    font-weight: 700;
    font-size: 25px;
}
.cardimg img {
    border-radius: 50%;
    width: 100%;
    height: 150px!important;
    margin: auto;
    border: 5px solid #fff;
}
.class25 {
    font-size: 18px!important;
    color: #fff;
    font-family: 'Raleway';
    font-weight: 600;
}
.class23 h1 {
    margin-top: 50px;
    font-size: 25px;
    color: #4ec147;
    font-weight: 700;
}
.class23 img{
  width: 80%;
}
.class7 img{
  width: 200px;
}
.class13 {
    padding: 13px 25px!important;
    margin-top: 50px;
}
.class49 h2 {
    color: #b2b2b2;
    font-size: 22px!important;
}
.class49 h1 {
    color: #3554ae;
    font-size: 25px!important;
    margin-top: -10px;
    font-weight: 700;
}
.class49 img{
  width: 90%;
}
.class51 img{
  width:90%;
}
.class51 h1{
  font-size: 25px;
}
.class52 h1{
  font-size: 25px;
}
.class58 h1 {
    text-transform: uppercase;
    color: #2c3f73;
    font-size: 25px!important;
    font-weight: 600;
    text-shadow: 1px 2px 5px rgb(0 0 0 / 50%);
}
.class52 img{
  width:90%;
}
.class46 img{
  width:45px;
}
.class47 {
    position: absolute;
    right: -7px!important;
    top: 100px;
}
.class47 img{
  width:55px!important;
}
.class34 h1 {
    font-weight: 700;
    margin-top: 25px;
    font-size: 25px!important;
    font-family: 'Raleway';
}
.class37 h1 {
    font-weight: 700;
    margin-top: 25px;
    font-size: 25px!important;
    font-family: 'Raleway';
}
}



@media only screen  and (max-width: 375px)  {
 .cardimg img {
    border-radius: 50%;
    width: 100%;
    height: 110px!important;
    margin: auto;
    border: 5px solid #fff;
}
}



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



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