




@media only screen and (max-width: 1000px) {


}


@media only screen and (max-width: 768px) {
    .footer{
        text-align:center;
    }
    .gobtn {
        left: 6%;
    }

    .carousel-indicators {
        display: none;
    }
      .container {
        max-width: 100%;
        padding-left: 0 !important;
  padding-right: 0 !important;



  
      }
      .imgres{
        width:100px ;
      }
      .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 0;
        right: 11%;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        color: #fff;
        text-align: center;
        text-align: left;
      }

      #carouselExampleCaptions h1 {
        font-size:19px;
        margin-bottom: 0px;
        background-image:none;
      }
      .aboutbg{
        display: none;
      }

      .about {
        margin-top: 50px;
        background-image: url(../images/aboutbg.png);
        background-size: cover;
        min-height: 405px;
        padding: 0px 56px;
        text-align: center;
      }
      .programs {

        padding: 50px 79px;
      }

      .Publications {
        padding: 28px 36px;
      }

      #v-pills-tab {
        padding-left: 0;
        margin-top: 0 !important;
      }
     

      .Publicationscard {
   
        margin-bottom: 10px;
      }

      .socialmedia{
        display: none !important;
      }

      .awards{
        text-align: center;
      }
      .footer .d-flex{
        display: block !important;
      }
      .hide{
        display: none !important;
      }
      .footer2 .d-flex{
        display: flex !important;
        flex-direction: column !important;
     }
     .navbar-brand img{
        width: 214px;

     }

     .navbar-toggler-icon{
        background-image: url(../images/menu.png);
        background-size: cover;
     }
     .navbar-toggler-icon {
        display: inline-block;
        width: 20px;
        height: 1.5em;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
      }
      .navbar  .ms-5{
        margin-right: 0 !important;
      }
      .headerinner {
        background-image: url(../images/innerai.png);
        background-size: cover;
        height: 243px;
      }

      .headerdata {
        position: relative;
        top: 84px;
        padding: 0px 52px;
      }
      .innerbody {
        padding: 57px 33px;
      }
    }

@media (max-width:1500px) and (min-width:1400px) {
    .container {
        max-width: 95%;
      
      }
}

@media (max-width:1920px) and (min-width:1500px) {
 
  
    
    .container {
      max-width: 90%;
    
    }
    .socialmedia2 {
        position: fixed;
        z-index: 100;
        top: 72%;
        right: 6%;
        width: 8%;
      }

      .about {
        margin-top: 50px;
        background-image: url(../images/aboutbg.png);
        background-size: cover;
        min-height: 579px;
        padding: 108px 157px;
      }

      #owl-carousel4 {
        padding: 10px 117px;
      }


      .newsSocial {
        background-color: #F3F1FC;
        min-height: 649PX;
        padding: 70px 165px;
      }

      .team {
        padding: 0px 195px;
        margin-bottom: 100px;
        margin-top: 100px;
      }

      .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 16.25rem;
        right: 8%;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        color: #fff;
        text-align: center;
        text-align: left;
      }


      .footer {
        padding: 40px 133px;
        background-color: #032743;
        min-height: 346px;
        margin-top: 50px;
        font-size: 15px;
        color: white;
        font-family: 'Amareddine-Regular';
        margin-bottom: 0px;
      }
  }
@media (max-width:768px){
    .relativeDiv {
        position: relative;
        top: -1013px;
    }
}

