@media screen and (min-width: 1200px) and (max-width: 1320px) {

.navbar .navbar-nav li > a {
    margin-left: 5px;
}


}


@media screen and (min-width: 992px) and (max-width: 1199px) {

.navbar .navbar-nav li > a {
    color: #fff;
    font-size: 13px;
}

.navbar .navbar-nav li > a {
    margin-left: 3px;
    }

.main h2 {
    font-size: 53px;

}
.belive-section h2 {
    font-size: 53px;
  }

.resouce1 p {
    font-size: 13px;
  }














}

/*
====================================
Small Screen - Tablate
====================================
*/

@media screen and (min-width: 768px) and (max-width: 991px) {
  

.header-area {
    padding: 0px;
}
 
 .navbar {
  padding: 15px;
}

.main h2 {
    font-size: 44px;
  }

  .belive-section h2 {
    font-size: 47px;
  }

  .resouce1 p {
    font-size: 30px;
}

.footer {
    background: #1395C2;
    padding: 100px 0;
}









}




/*
====================================
Small Screen - Mobile
====================================
*/

@media screen and (min-width: 576px) and (max-width: 767px) {
 
 .navbar-brand img {
    max-width: 140px;
}

.navbar {
  padding: 11px;
}
.bar-icon img {
   max-width: 25px;
}

.header-area {
  padding: 0px;
}

/*main-area*/
 
.main h2 {
    font-size: 29px;
}
.main a {
  font-size: 15px;
}

/*.welcome-section*/

.welcome-section {
    padding: 100px 0 0;
}
.welcome {
    padding: 0px 0px;
}

.welcome h2 {
    font-size: 26px;
  }

/*service area*/

.service-section .container {
    padding: 0 15px;

}

.resouce1 p {
    font-size: 23px;
    }

.belive-section h2 {
    font-size: 27px;
}

.belive-section p {
    font-size: 12px;
  }

.accreditations-section h2 {
    font-size: 29px;
}

.name {
    width: 100%;
}
.footer {
    background: #1395C2;
    padding: 100px 0px;
}

.footer p {
    text-align: center;
    font-size: 13px;
}




}



/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/

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

.navbar-brand img {
    max-width: 140px;
}

.header-area {
    padding: 20px;
    padding-right: 20px;
  }
#header-area2 {
    padding: 20px;
    padding-right: 20px;
  }
.navbar {
  padding: 11px;
}
.bar-icon img {
   max-width: 25px;
}

.header-area {
  padding: 0px;
}

/*main-area*/
 
.main h2 {
    font-size: 21px;
}
.main a {
  font-size: 15px;
}

/*.welcome-section*/

.welcome-section {
    padding: 100px 0 0;
}
.welcome {
    padding: 0px 0px;
}

.welcome h2 {
    font-size: 26px;
  }

/*service area*/

.service-section .container {
    padding: 0 15px;

}
.belive-section h2 {
    font-size: 27px;
}

.belive-section p {
    font-size: 12px;
  }

.accreditations-section h2 {
    font-size: 29px;
}

.name {
    width: 100%;
}
.contact-right {
  margin-top: 50px;
}
.footer {
    background: #1395C2;
    padding: 100px 20px;
}

.footer p {
    text-align: center;
    font-size: 12px;
}



}