@media only screen and (max-width: 768px) {
    .slide10 {
        height: 300px;
    }

    .part2 {
        padding: 20px 50px !important;
    }

    .ImgLogo2-link {
        width: 80px;
    }

        .ImgLogo2-link img {
            width: 100%;
        }
    .navbar-brand img {
        width: 100%;
    }

    .navbar-brand {
        width: 150px;
    }
    .search-input {
        right: 11% !important;
    }
    .menubitems {
        justify-content: left !important;
    }
    .navbar-brand img {
        width: 65%;
        position: relative;
        left: 50%;
    }
    .hvr-backward img {
        position: relative;
        top: 36px;
        right: 100px;
    }
    .fa-times {
       
        right: 77% !important;

    }
        /*#ImgLogo2 {
        position: absolute;
        left: 24px;
        top: 9px;
        width: 15% !important;
    }*/

    .carousel-control-next, .carousel-control-prev {
        position: absolute;
        top: 185px !important;
        width: 75% !important;
        color: #fff;
    }
    .carousel-control-next-icon {
        background-image: url(/App_Themes/ThemeAr/Images/back.png) !important;
        background-size: 100%;
        width: 25%;
    }

    .carousel-control-prev-icon {
        background-image: url(/App_Themes/ThemeAr/Images/go.png) !important;
        background-size: 100%;
        width: 25%;
    }

    .control .icon-material-search {
        color: #fff;
        position: absolute;
        top: 0px;
        width: 40px;
        right: 0px;
        transition: opacity 0.3s ease-in-out;
        font-size: 20px;
        background-color: #d26b03;
        padding: 8px;
    }
    .Mdetails
    {
        right:0px !important;
        left:15px !important;
    }

    .search-input input {
        color: #fff;
        font-size: 20px;
        border: 0;
        background: transparent;
        -webkit-appearance: none;
        box-sizing: border-box;
        outline: 0;
        font-weight: 200;
    }
    #navbarNavDropdown{
        position: relative;
        z-index: 10000;
        background-color: #f6f9ff;
        border-right: 4px solid orange;
    }
    .imgIn img{
      
        object-fit: contain;
        width: 557px;
        height: 305px;
    }

    .slide3{
        height: 301px;
    }

    .slide2{
        height: 301px;
    }

    .slide1{
        height: 301px;
    }

    #slider-animation h1 {
        font-size: 30px;
        font-family: 'Cairo-Regular';
     
    }

    .textin {
        position: absolute;
        top: 209px;
        text-align: right;
        font-family: 'Cairo-Regular';
        z-index: 100;
        right: 53px;
    }

    .carousel-indicators {
        position: absolute;
        right: -29px;
        bottom: 0;
        left: 0;
        z-index: 15;
        padding-left: 0;
        margin-right: 0%;
        margin-left: 0%;
        list-style: none;
        top: 31%;
        display: block;
    }

    .aboutus {
        text-align:center ;
    }
    h1{
        font-size:30px ;

        
    }

    .details {
        padding: 41px;
            padding-top: 41px;
        position: relative;
        left: 0px;
        right: 0;
        width: 100%;
        z-index: 100;
        background-color: white;
        min-height: 262px;
    }

    .detailsborder {
        border-top:transparent;
        border-right:transparent;
        margin-top: 60px;
        position: relative;
        width:100%;
    }
   

    .detailscontent {
        height: 123px;
        background-color: #f0fafc;
        border: 2px solid #d9f3f7;
        border-radius: 5px;
        margin: 16px 0px;
    }

    .part1 {
        background-image: url(/App_Themes/ThemeAr/Images/part1.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 550px;
        border-left: 1px solid white;
        color: white;
        padding: 20px 12px;
        position: relative;
        text-align: center;
    }

    .part1content {
        position: relative;
        top: 4%;
        right: 0%;
        text-align: center;
        width:100% !important;
    }

    .part1content .pl-5{
        padding-left: 0px !important;
    }
    .part1 {
      
        border-left:transparent;
       
    }

    .part2 {
      
        border-right:transparent;
       
    }

    .section3item {
        margin-top: 20px;
        text-align: center;
    }

    .section3item img{
      width:100%
    }

    .ads {
        background-image: url(/App_Themes/ThemeAr/images/ads.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        height: 209px;
    }

    #owl-carousel2 .owl-nav{
        text-align: center;


        
    }
    #owl-carousel2 .owl-prev {
        background-color: transparent !important;
        background-image: url(/App_Themes/ThemeAr/images/right.png) !important;
        background-repeat: no-repeat;
        height: 17px;
        width: 18px;
        border: transparent;
        padding: 20px 20px;
        margin-top: 20px;
        position: absolute;
        outline: none;
        right: -10px;
        top: 40px;
    }

    #owl-carousel2 .owl-next {
        background-color: transparent !important;
        background-image: url(/App_Themes/ThemeAr/images/left.png) !important;
        background-repeat: no-repeat;
        height: 17px;
        width: 18px;
        border: transparent;
        padding: 20px 20px;
        margin-top: 20px;
        position: absolute;
        left: 10px;
        outline: none;
        top: 40px;
    }

    /*.owl-carousel .owl-item img {
        width: 100%;
    }*/
    

.banners {
    margin-top: 57px;
    height: 219px;
    position: relative;
}

.footer1 {
    background-color: #1d466a;
    min-height: 38px;
    display: inline-block !important;
    text-align: center;
    width:100%;
}
    .footermenu li a:after {
        content: "|";
        color: gray !important;
        padding-right:5px;
    }
    .footermenu li:nth-child(4) a:after {
        content: "";
    }
.mobiledisplay{
    display: inline-block !important;
    
}

.footer3{
    text-align:center ;
}

#owl-carousel2 .item {
    text-align: center;
    padding: 0px 0px;
}

.innerheader {
    background-color: #007fc3;
    min-height: 185px;
    padding-right:0px;
    padding-left: 0px;
}

.share{
    padding:0 ;
}

    .footermenu
    {
        text-align:right;
    }
    .footermenu li {
        padding: 5px 0px !important;
    }
    .footermenu li a {
        border-left: 0;
        font-size:9px;
        padding-left: 0;
    }

    .footermenu2 {
        padding-right: 0;
        padding-bottom: 20px;
        padding-top: 15px;
    }

    .part1 {
        height: 370px;
    }

   

    .aboutus {
        margin-top: 0px !important;
    }

        .aboutus .no-gutter > [class*="col-"] {
            padding-right: 0px;
        }

    .detailsborder {
        margin-top: 10px;
    }

    .section2 {
        padding-top: 0px;
    }

    /*.shadow {
        height: 300px;
    }*/

    .sliderContent {
        height: 300px;
    }

    .menubitems li {
        padding-left: 12px !important;
    }
    #imgThumbnail {
        margin: 0 auto;
    }

    .card {
        min-width: 100% !important;
        margin-bottom: 30px !important;
    }
    .media.news-block {
        display: block;
        max-width: 300px;
        .search-input input margin: auto;
        border: 1px solid #acacac !important;
        margin-bottom: 30px;
    }
    #carouselExampleControls .carousel-inner {
        height: 115px;
    }
    .part2 {
        height: 370px;
    }
    .search-input input
    {
        font-size:30px !important;
    }

    .dateStyle {
        padding: 8px 8px;
        top: -5px;
        right: -34px;
    }
    #carouselExampleControls {
        display: none;
    }

    .responsive-campus {
        display: block;
    }
    
}




@media only screen and (min-width: 992px) {
    .ImgLogo2 {
        width: 100% !important;
    }

    .navbar-brand img {
        width: 100% !important;
    }


    
}

@media only screen and (min-width: 992px) and (min-width: 1326px) {
    .control .icon-material-search {
        right:20px !important;
    }
}


@media only screen and (min-width: 600px) and (max-width: 1326px) {
    .navbar-toggler {
        position: relative;
        right: 0px;
    }

    .ImgLogo2-link {
        position: absolute;
        right: 100px;
    }
}