@media screen and (max-width: 1550px) {
     .banner .carousel-control-prev {
         left: 8%;
     }
     nav .wrapper{
      padding: 0 !important;
     }
     .banner .carousel-control-next {
         left: 13%;
     }

     .latest-update .left span {
         font-size: 16px;
     }

     .latest-update .left .mic {
         font-size: 32px;
         margin-right: 14px;
     }

     .latest-update .right .scroll {
         font-size: 18px;
     }

     .about-us .title-section h2::after {
         font-size: 75px;
     }

     .about-us .right .position {
         top: 9%;
         padding: 25px 45px;
     }

     .about-us .right .position p {
         font-size: 14px;
     }

     .about-us .right .position h3 {
         font-size: 26px;
     }

     .about-us .right .position a {
         padding: 8px 18px;
     }
 }

 @media screen and (max-width: 1500px) {
     .banner .carousel-control-prev {
         left: 7%;
     }

     .banner .carousel-control-next {
         left: 12%;
     }

     .about-us .right .position {
         padding: 20px 40px;
     }
 }

 @media screen and (max-width: 1440px) {
     .banner .carousel-control-prev {
         left: 5%;
     }

     .banner .carousel-control-next {
         left: 10%;
     }

     .about-us .title-section h2::after {
         font-size: 70px;
     }

     .about-us .right .position a {
         font-size: 14px;
     }

     .about-us .right .position {
         top: 5%;
     }
 }

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

     /* .top-header .right input[type="radio"] {
         margin-top: 6px;
    }
     */
     .banner .carousel-control-prev {
         left: 9%;
     }

     .banner .carousel-control-next {
         left: 15%;
     }

     .latest-update .left span {
         font-size: 15px;
     }

     .latest-update .left .mic {
         font-size: 25px;
         margin-right: 10px;
     }

     .about-us .title-section h2::after {
         font-size: 65px;
     }

     .about-us .right .position {
         top: 20%;
     }

     .about-us .right .position p {
         font-size: 13px;
     }

     .latest-update .right .scroll {
         font-size: 16px;
     }

     .latest-update .right .scroll ul li .end-point {
         width: 16px;
         height: 16px;
     }

     .news-from-campus .box .text {
         font-size: 18px;
     }

     footer .top-footer .tiranga-image-section .tiranga-image {
         width: 120px;
     }

     .latest-news .card {
         /* width: 260px;
         */
     }

     .latest-news .card .card-body .card-text {
         font-size: 14px;
     }

     .latest-news .owl-carousel .owl-nav .owl-prev {
         left: -55px;
     }
 }

 @media (max-width:1199px) {
     .top-header .right span {
         padding: 0 2px;
     }

     .latest-news .card {
         width: auto;
     }

     .last-txt {
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }

     .card {
         height: 500px;
     }

     .faculty-image {
         height: 263px;
         object-fit: cover;
     }

     .latest-news .right {
         position: absolute;
         bottom: 10px;
     }

     .latest-news .owl-carousel .owl-nav .owl-next {
         right: 0;
     }

     .latest-news .owl-carousel .owl-nav .owl-prev {
         left: 0;
     }

     footer .top-footer .logo-desc .logo img {
         width: 90%;
     }

     .information-desk {
         margin-top: 0px;
     }

     /* footer .top-footer .social-links ul li .facebook {
         padding: 5px 10px;
    }
     footer .top-footer .social-links ul li a {
         padding: 5px 10px;
    }
     */
     .latest-update .left span {
         font-size: 11px;
     }

     footer .top-footer .social-links ul li a {
         font-size: 16px;
     }

     /* .about-us .title-section h2 {
         writing-mode: horizontal-tb;
         transform: rotate(0deg);
    }
     */
     .lang a {
         font-size: 12px;
     }
 }

 @media(max-width:991px) {
     .top-header .right input[type="radio"] {
         margin-top: 4px;
     }

     .search {
         width: 100%;
     }

     .banner .carousel-control-next {
         left: 22%;
     }

     .banner .carousel-control-prev {
         left: 15%;
     }

     .about-us .title-section h2 {
         writing-mode: horizontal-tb;
         transform: rotate(0deg);
     }

     .about-us .right .position {
         position: static;
         width: 100%;
     }

     .about-us .left .about-us-image {
         border-radius: 0;
     }

     .information-desk .information-desk-desc {
         padding: 5px 0;
         margin-bottom: 40px;
     }

     .information-desk .information-desk-desc .logo {
         width: 70px;
         height: 70px;
     }

     .information-desk .information-desk-desc .logo-image {
         width: 33px;
         position: absolute;
         top: 13%;
         left: 0;
         right: 0;
         margin: 0 auto;
     }

     .information-desk {
         height: auto;
     }

     .news-from-campus .box .text {
         font-size: 13px;
     }

     .middle-header .search input[type=text] {
         width: 100%;
     }

     .new-logo-width {
         width: 100%;
     }

     .banner .banner-image {
         height: 400px;
     }

     .banner .banner-image .overlay .banner-desc .title-section h1 {
         font-size: 30px;
     }

     .banner .banner-image .overlay .banner-desc {
         margin-top: 100px;
     }

     .banner .banner-image .overlay .banner-desc .title-section {
         height: auto;
     }

     .banner .carousel-control-prev {
         top: 8%;
     }

     .banner .carousel-control-next {
         top: 8%;
     }

     .bottom-header nav ul li {
         /* z-index: 999; */
     }

     .count-digit-holder {
         font-size: 25px;
     }

     .count-title h5 {
         font-size: 18px;
     }
  .director-images{
   margin-bottom:15px;
  }
  .director-images::before {
    
    height: 93%;
  }
     .dropdown-menu .list-group a{
         color:var(--deep-blue);
         padding-bottom: 2px;
     }
 }

 @media(max-width:768px) {
     .information-desk .information-desk-desc .name p {
         font-size: 16px;
     }

     .banner .carousel-control-prev {
         left: 5%;
     }

     .banner .carousel-control-next {
         left: 12%;
     }

     .bottom-header nav ul li a {
         padding: 5px 15px;
         text-align:left;
         color: #ffffff;
     }
     .bottom-header nav ul li a:focus,
     .bottom-header nav ul li a:hover{
         color: #ffffff;
     }

     .about-us .title-section h2::after {
         font-size: 45px;
     }

     .about-us {
         padding: 20px 20px;
     }

     .dropdown-content {
         width: 145%;
     }

     .news-from-campus .box {
         height: 110px;
     }

     .banner .banner-image .overlay .banner-desc p {
         font-size: 17px;
     }
 .mega-content .list-group {
      display: flex;
   }
   .mega-content .col-12 {
      padding:5px 0 !important;
   }
   .mega-content .col-12:hover .list-group {
      display:flex;
   }
  .bottom-header nav ul li:last-child .dropdown-menu .col-sm-4.col-12.col-md-3 .list-group {
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(1, 1fr);
} 
  .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    max-height: 500px;
    overflow-y: scroll;
    position: absolute;
    background: var(--deep-blue);
    color: white;
    z-index: 999;
    width: 100%;
    left: 0;
    top: -152px;
    padding: 15px;
}
.navbar>.container-fluid{
    display: flex;
     align-items: flex-start;
     justify-content: space-between;
     flex-direction: row-reverse;
   }
     .nav-item.dropdown.dropdown-mega .dropdown-menu{
         width:100%;
         
     }
   .bottom-header .navbar{
   padding:0
  }
  .space-ptb.bg-light .col-md-4{
    margin-top:15px;
  }
 
 }

 @media(max-width:767px) {
     .top-header .left span {
         display: none;
     }

     .what-is-going-on {
         margin-bottom: 15px !important;
     }
  .social-links{
   margin-bottom:20px;
  }
     .top-header .right {
         float: none;
         text-align: center;
         align-items: center;
         justify-content: center;
     }

     .banner .carousel-control-prev {
         left: 15%;
     }

     .banner .carousel-control-next {
         left: 21%;
     }

     footer .top-footer .logo-desc .logo {
         width: 100%;
     }

     footer .top-footer .logo-desc .desc {
         width: 100%;
     }

     .news-from-campus .box {
         border: 1px solid #0002;
         box-shadow: none;
     }

     .bottom-header .m_menu {
         display: none;
     }

     .image-why-iim {
         margin-bottom: 10px;
     }

     .about-director {
         padding: 20px;
         margin-top: 20px;
     }

     .about-director-txt {
         margin-top: 10px;
     }

     .researchPublications {
         padding: 0 20px;
     }

     .full-area a,
     .full-area a:hover,
     .full-area a:focus,
     .full-area a:active {
         padding: 4px 17px;
         font-size: 12px;
     }

     .full-area a::after {
         border-width: 13px;
     }

     .full-area a::before {
         border-width: 13px;
     }

     .faculty-titleAndSearch .title p {
         font-size: 19px;
     }

     .faculty_details-tab ul .nav-item {
         padding-left: 0;
         margin: 0 auto;
         width: 16.66%;
         font-size: 0.7rem;
         height: 3.2rem;
     }

     #menuArea {
         display: none !important;
     }
        .bottom-header nav ul {
        display: flex;
        align-items: flex-start;
    }
     .become_img_sec {
         position: static;
         right: 10%;
         width: 100%;
     }

     .three h3 {
         font-size: 16px;
     }

     .menu-animation .menuContent {
         position: relative;
         top: 10%;
     }

     #menuToggle:checked~.menuOpen .open {

         top: 35px;
         left: auto;
         right: 35px;
         position: absolute !important;
     }

     .banner .banner-image .overlay .banner-desc .title-section h1 {
         font-size: 18px;
         line-height: normal;
     }

     .news-event-title h3 {
         font-size: 25px;
     }

     .box-platter-director .row {
         flex-direction: column-reverse;
     }

     .activity-tab .tab-content {
         padding: 10px;
     }

     .drop-shadow h6,
     .crf-box h6 {
         margin-top: 15px;
     }
     .navbar-toggler{
         position:absolute;
         z-index: 9999;
         top: -150px;
         background: #ffffff;
              right: -10px;
     }
  .navbar-toggler.collapsed{
   background:transparent;
  }
  .seminar-box-list h3 {
    font-size: 14px;
           width: 60%;
}
  .result-box .seminar-box-list {
    padding: 10px;
}
.about__content li{
	word-break:break-word;
}
div.nav-link{
	padding:15px;
}
 }

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

     .header-logo p {
         font-size: 12px;
     }

     .changetext {
         font-size: 13px;
     }

     .font-change button {
         font-size: 10px;
     }

     .about-us .right .position {
         padding: 20px 15px;
     }

     .header-logo {
         margin-bottom: 10px;
     }

     .middle-header .search input[type=text] {
         width: 100%;
     }

     .screen-reader {
         display: none;
     }

     .skip {
         display: none;
     }

     .banner .carousel-control-prev {
         /* left: 2%;
         */
         display: none;
     }

     .banner .carousel-control-next {
         display: none;
     }

     .mo-menu #menuArea {
         display: block;
     }

     .bottom-header .m_menu {
         display: none;
     }

     .information-desk .information-desk-desc .name p {
         font-size: 14px;
     }

     .banner .banner-image .overlay .banner-desc .title-section h1 {
         width: 100%;
     }

     .banner .banner-image .overlay .banner-desc p {
         width: 100%;
     }

     .banner .banner-image .overlay .banner-desc .title-section {
         /* display: none;
         */
     }

     .latest-news .owl-carousel .owl-nav {
         display: none;
     }

     .facultyDetailsSection .facultyDetailsSectionRight .body {
         padding: 10px
     }

     .facultyDetailsSection .facultyDetailsSectionRight .head {
         padding: 10px
     }

     .faculty_details-tab ul .nav-item {
         width: 100%;
     }

     .faculty_details-tab ul li button {
         width: 100%;
         font-size: 15px;
     }

     .banner .banner-image .overlay .banner-desc .title-section {
         width: 100%;
     }

     .banner .banner-image .overlay .banner-desc {
         margin-top: 60px;
     }

     .banner .banner-image .overlay .banner-desc a {
         padding: 8px;
     }

     .owl-carousel-4 .owl-nav {
         display: none !important;
     }
 }