@media (min-width: 992px) {
  .content-wrapper .col-lg-7 {
    width: 56.333333%;
  }
  .content-wrapper .col-lg-5 {
    width: 43.666667%;
  }
}

@media (max-width: 1440px) {
  .top_header .right {
    padding-right: 13%;
  }
  .top_header .right {
    padding: 5px 40px;
  }
  .top_header .left {
    padding: 13px 40px;
  }
  .top_header .slant {
    border-left: 39px solid #0c4b5f;
    border-bottom: 55px solid #d6282800;
  }
  .nav_menu {
    padding-top: 24px;
  }
  .banner {
    height: calc(100vh - 124px);
  }
}
@media (max-width: 1280px) {
  .top_header .right {
    padding-right: 40px;
  }
  .nav-left,
  .nav-right {
    gap: 15px;
  }
  .nav-link {
    font-size: 16px;
    padding: 10px;
  }
  .main_header .logo p {
    text-align: center;
  }
  .search-box {
    padding: 0.5rem;
  }
  .board_team_sec .col-lg-4 {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }
  .board_team_sec .row {
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
  }
  .our-mission .content {
    padding: 167px 129px 80px 0;
  }
}
@media (max-width: 1080px) {
  .nav-left,
  .nav-right {
    gap: 5px;
  }
  .main_header .logo {
    width: 190px;
  }
  .our-mission .flex-row-reverse .image {
    max-width: 400px;
  }
  .our-mission .content {
    padding: 167px 52px 80px 0;
  }
  .our-mission .image {
    max-width: 390px;
  }
  .our-mission .flex-row-reverse .content {
    padding-top: 50px;
  }
  .award_sec .flex-container{
    gap: 28px;
  }
  .img-wrapper{
    position: static;
  }
  .img-wrapper img{
    object-fit: contain;
    height: auto;
  }
  .content-wrapper .row{
    align-items: end;
  }
}
@media (max-width: 991px) {
  .slant {
    display: none;
  }
  .top_header .right {
    padding-right: 40px;
  }
  .main_header .navbar-brand {
    display: flex;
    white-space: wrap;
    align-items: center;
    width: 70%;
  }
  .navbar-toggler-icon {
    display: flex;
  }
  .main_header .navbar-brand {
    font-weight: 700;
  }
  .main_header .navbar-brand img {
    max-width: 90px;
  }
  .main_header .navbar-collapse {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999;
  }
  .main_header .nav_menu {
    flex-direction: column;
    height: 100%;
    overflow: auto;
    padding-bottom: 40px;
    justify-content: start;
  }
  .main_header .nav_menu .nav-left,
  .main_header .nav_menu .nav-right {
    flex-direction: column;
    width: 100%;
    padding: 10px 20px;
    align-items: flex-start;
  }
  .main_header .nav_menu .nav-left {
    padding-bottom: 2px;
  }
  .main_header .nav_menu .nav-right {
    padding-top: 2px;
  }
  .main_header .nav_menu .logo {
    display: none;
  }
  .main_header .nav-item {
    width: 100%;
  }
  .main_header .nav-link {
    width: 100%;
    border-bottom: 1px solid #b1b1b1;
  }
  .main_header .close_btn {
    position: absolute;
    right: 20px;
    top: 10px;
    border: 0;
    z-index: 9999;
    display: block;
    font-size: 32px;
    line-height: 32px;
  }
  .top_header .right a {
    margin: 0 20px;
  }
  .college-section {
    padding-top: 40px;
  }
  .circle-bg {
    height: 300px;
    width: 300px;
  }
  .welcome-section .left-column {
    margin-bottom: 30px;
  }
  .programs-header {
    row-gap: 20px;
    padding: 0 0 40px;
  }
  .programs-header h2 {
    max-width: 100%;
  }
  .testimonial_sec .col-lg-6 {
    margin-bottom: 30px;
  }
  .our_team_sec .team {
    margin-bottom: 30px;
  }
  .about_sec .leader_img {
    height: auto;
  }
  .about_sec h3 span,
  .about_sec p {
    margin-left: 0;
  }
  .about_sec {
    padding-top: 40px;
  }
  .about_sec.desk-2 h2 {
    line-height: normal;
    font-size: 40px;
    margin-bottom: 0;
  }
  .about_sec.desk-2 .sub-heading {
    font-size: 29px;
    line-height: normal;
  }
  .about_sec.desk-2 .flex-container {
    gap: 0;
  }
  .deskof_banner .banner-content h1 {
    font-size: 47px;
    line-height: 56px;
    text-align: center;
  }
  .deskof_banner .banner-content p {
    font-size: 20px;
    line-height: normal;
    text-align: center;
  }
  .deskof_banner {
    align-items: end;
  }
  .youtube_video_sec {
    padding: 40px 0;
  }
  .dropdown-menu {
    min-width: 100%;
  }
  .search-container {
    display: none;
  }
  .alumni-section .col-lg-4 {
    width: 100%;
  }
  .alumni-section .col-lg-8 {
    width: 100%;
  }
  .alumni-images {
    justify-content: center;
    flex-wrap: wrap;
  }
  .our-mission .image {
    position: static;
    transform: translateX(-15px);
  }
  .our-mission .content,
  .our-mission .flex-row-reverse .content {
    padding: 40px;
  }
  .our-mission .flex-row-reverse .image{
    transform: none;
  }
  .award_sec .red_box{
    text-align: center;
  }
  .award_sec .red_box p{
    margin-right: auto;
  }
  .award_sec .flex-container{
    justify-content: center;
    flex-wrap: wrap;
  }
  .award_sec .flex-container .award-logo{
    min-width: 120px;
  }
  .award_sec .flex-container .award-logo p{
    text-align: center;
  }
}

@media (max-width: 768px) {
  .banner h1 {
    font-size: 2.5em;
    line-height: normal;
  }
  .banner h2 {
    font-size: 2em;
    line-height: normal;
  }

  .banner p {
    font-size: 1.2em;
  }
  .alumni-logos {
    text-align: center;
  }
  .top-bar {
    flex-direction: column;
  }
  .top_header .left,
  .top_header .right {
    width: 100%;
    justify-content: center;
    padding: 10px;
  }
  .college-grid .college-card {
    max-width: 16%;
  }
  .testimonial_sec .right_slider {
    background-size: contain;
  }
  .board_team_sec .team_board {
    margin-bottom: 30px;
  }
  .cta_block h2{
    text-align: center;
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .college-grid .college-card {
    max-width: 28%;
  }
  .college-card p {
    font-size: 14px;
  }
  .college-grid {
    gap: 15px;
    row-gap: 24px;
  }
  .top_header .right a {
    font-size: 16px;
    line-height: normal;
  }
  .director-box,
  .welcome-section .photos {
    width: 100%;
  }
  .right-column h3 {
    margin-left: 0;
  }
  .right-column .highlight {
    margin-right: 0;
  }
  .welcome-section .left-column {
    flex-direction: column;
  }
  .programs-header h2 {
    line-height: normal;
  }
  .banner {
    height: 500px;
  }
  .about_sec h2,
  .about_sec h3 span {
    font-size: 30px;
    line-height: normal;
  }
  .cta_block h2 {
    font-size: 29px;
    line-height: 40px;
    margin-bottom: 20px;
  }
  .our-mission .content,
  .our-mission .flex-row-reverse .content {
    padding: 40px 0;
  }
  .our-mission{
    margin-bottom: 20px;
  }
  .future_leader_sec .title_box::before{
    width: 100%;
  }
  .overlay_hover_box h3{
    font-size: 22px;
  }
  .title_box h2{
    font-size: 32px;
  }
  br{
    display: none;
  }
  .overlay_hover_box .text span{
    font-size: 16px;
  }
}