@media only screen and (max-width: 320px) {
.uni_logo {
    position: absolute;
    right: 0;
}
.uni_logo img {
    max-width: 120px;
}
.main-head h3{
  font-size: 27px !important;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url(../images/nav-bar.png) !important;
}
.navbar-dark .navbar-nav .active>a, .navbar-dark .navbar-nav a.active, .navbar-dark .navbar-nav a.show, .navbar-dark .navbar-nav .show>a {
  background:transparent !important;
  color: #2a5780 !important;
}
.navbar-dark .navbar-nav li {
  padding: 5px 0px;
}
.navbar-dark .navbar-nav a {
  padding: 10px 10px 10px 10px !important;
}
.navbar-dark .navbar-nav a:hover {
  background:transparent !important;
  color: #2a5780 !important;
}

.custom-nav ul li .dropdown-menu {
  background: #1f496f !important;
}
.search-button {
  top: 30px !important;
}
.search-box .search-input {
  padding: 0 1em !important;
}
.carousel-caption{
  display: none;
}
div#accordion {
    margin-bottom: 30px;
}
a.project-btn {
  margin-bottom: 30px;
}
}
@media only screen and (min-width:321px) and (max-width: 360px) {
.uni_logo {
    position: absolute;
    right: 0;
}
.uni_logo img {
    max-width: 120px;
}
.main-head h3{
  font-size: 27px !important;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url(../images/nav-bar.png) !important;
}
.navbar-dark .navbar-nav .active>a, .navbar-dark .navbar-nav a.active, .navbar-dark .navbar-nav a.show, .navbar-dark .navbar-nav .show>a {
  background:transparent !important;
  color: #2a5780 !important;
}
.navbar-dark .navbar-nav li {
  padding: 5px 0px;
}
.navbar-dark .navbar-nav a {
  padding: 10px 10px 10px 10px !important;
}
.navbar-dark .navbar-nav a:hover {
  background:transparent !important;
  color: #2a5780 !important;
}
.custom-nav ul li .dropdown-menu {
  background: #1f496f !important;
}
.search-button {
  top: 30px !important;
}
.search-box .search-input {
  padding: 0 1em !important;
}
.carousel-caption{
  display: none;
}
div#accordion {
    margin-bottom: 30px;
}
a.project-btn {
  margin-bottom: 30px;
}
}
@media only screen and (min-width:361px) and (max-width: 480px) {
.uni_logo {
    position: absolute;
    right: 0;
}
.uni_logo img {
    max-width: 120px;
}
.main-head h3{
  font-size: 27px !important;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url(../images/nav-bar.png) !important;
}
.navbar-dark .navbar-nav .active>a, .navbar-dark .navbar-nav a.active, .navbar-dark .navbar-nav a.show, .navbar-dark .navbar-nav .show>a {
  background:transparent !important;
  color: #2a5780 !important;
}
.navbar-dark .navbar-nav li {
  padding: 5px 0px;
}
.navbar-dark .navbar-nav a {
  padding: 10px 10px 10px 10px !important;
}
.navbar-dark .navbar-nav a:hover {
  background:transparent !important;
  color: #2a5780 !important;
}
.custom-nav ul li .dropdown-menu {
  background: #1f496f !important;
}
.search-button {
  top: 30px !important;
}
.search-box .search-input {
  padding: 0 1em !important;
}
.carousel-caption{
  display: none;
}
div#accordion {
    margin-bottom: 30px;
}
a.project-btn {
  margin-bottom: 30px;
}
}

  @media only screen and (min-width:481px) and (max-width: 568px) {
.uni_logo {
    position: absolute;
    right: 0;
}
.uni_logo img {
    max-width: 120px;
}
.main-head h3{
  font-size: 27px !important;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url(../images/nav-bar.png) !important;
}
.navbar-dark .navbar-nav .active>a, .navbar-dark .navbar-nav a.active, .navbar-dark .navbar-nav a.show, .navbar-dark .navbar-nav .show>a {
  background:transparent !important;
  color: #2a5780 !important;
}
.navbar-dark .navbar-nav li {
  padding: 5px 0px;
}
.navbar-dark .navbar-nav a {
  padding: 10px 10px 10px 10px !important;
}
.navbar-dark .navbar-nav a:hover {
  background:transparent !important;
  color: #2a5780 !important;
}
.custom-nav ul li .dropdown-menu {
  background: #1f496f !important;
}
.search-button {
  top: 30px !important;
}
.search-box .search-input {
  padding: 0 1em !important;
}
.carousel-caption{
  display: none;
}
div#accordion {
    margin-bottom: 30px;
}
a.project-btn {
  margin-bottom: 30px;
}
   
  }
  @media only screen and (min-width:569px) and (max-width: 640px) {
   
   
 
  }
  @media only screen and (min-width:641px) and (max-width: 768px) {
   
 
  }
  @media only screen and (min-width:769px) and (max-width:800px) {
 
  }
  @media only screen and (min-width:801px) and (max-width: 1024px) {
 
  }
  @media only screen and (min-width:1025px) and (max-width: 1366px) {
   
  }
  @media only screen and (min-width:1367px) and (max-width: 1920px) {
 
  }