/* Adjust the navbar for mobile view */
@media (max-width: 991px) {
    /* Move the navbar toggle button to the right */
    .navbar-toggler {
        position: absolute;
        top: -5px;
        right: -1.5rem; /* Move to the right side */
        z-index: 1051; /* Make sure it's on top of the navbar */
    }
	.ico-home{
		margin-left: 15px;
	}
    .ion-android-menu:before{
        position: relative;
        top: 3px;
    }
    button:focus{
        outline: none;
    }

    /* Make the collapsed navbar open from the right */
    .navbar-collapse {
        position: absolute;
        top: 0;
        right: -17px;
        width: 250px;  /* Adjust this width to suit your design */
        background-color: #203362;  /* White background for the navbar */
        box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.1); /* Optional: Add a slight shadow */
        z-index: 9999;
        height: 100vh;  /* Make the navbar take full height */
        transform: translateX(100%);  /* Initially off-screen */
        transition: transform 0.3s ease-in-out;  /* Smooth transition */
    }

    /* When the navbar is expanded, slide it in from the right */
    .navbar-collapse.show {
        transform: translateX(0);  /* Slide in to the right */
		background-color: #203362;
    }
    .navbar-nav .nav-link{
        font-weight:500;
    }
	
	.navbar-toggler{
	font-size: 2.25rem;
	}

    /* Change the navbar-toggler-icon color to white */
    .navbar-toggler-icon {
        background-color: transparent;  /* Transparent background */
        /*border: 2px solid white;  /* White border for the hamburger icon */
        border:none;
    }

    /*.navbar-toggler-icon::before,
    .navbar-toggler-icon::after {
        background-color: white;
    }*/
	.middle-header, .top-header{
		display: none;
	}
	.header-third{
		height: 50px;
	}

    .navbar-toggler-icon div {
        background-color: white;  /* Set the middle line to white */
    }
    .owl-carousel .owl-nav{
        display:none !important;
    }
    .banner_section .banner_slide_content{
        top: 45.5%;
        padding: 0px 20px;
        background: none;
    }
    .banner_section .banner_slide_content .banner_content h2{
    font-size: 30px;
    border-left: 5px solid white;
    padding-left: 15px;
    }
}


@media only screen and (max-width: 767px){
.view-all-event {
    position: absolute;
    right: 7.7rem;
    margin-top:3.5rem;
}
.btn-semilrg {
    padding: 6px 29px;
    font-size: 16px;
}
.right-news-box{
    margin-top:35px !important;
}
.Latest_news {
    padding: 65px 0 30px 0;
}
.Latest_news .post_footer {
    padding: 0 15px;
}

.teamsec, .rankingsec{
margin-top:30px;
}
#teamsslider{
    height:360px;
}
#photogalleryslider .carousel-inner {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    overflow: hidden;
}
#photogalleryslider .carousel-item img {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    height:100%;
}
#photogalleryslider .photoGallery {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.media-gallery-carousel1{
    padding-right:14px !important;
}
.MediaGallary .gallery_content{
    bottom: 5.5rem;
}
.media-gallery-right-box {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    padding: 25px 15px;
	display:none;
}
.MediaGallary .gallery_content h2{
    font-size:19px;
}
.MediaGallary .heading-box h2{
    font-size:29px;
}
#photogalleryslider{
    height:483px;
}
.Latest_news .leftnews .img_eventdate{
    bottom:0;
}

.footer_dark {
    margin-top: -50px;
}

.footer_top {
    padding: 55px 0 70px;
}
footer .widget{
    text-align:center;
}
.office-contact{
    text-align:center;
}
.ttfifooter-logo img{
    margin:0 !important;
}
.homebanner .background_bg{
    background-image: none !important;
    background: #203362;
}
.full_screen, .full_screen .carousel-item{
    height:550px;
}
.carousel_style2 .carousel-control-next, .carousel_style2 .carousel-control-prev{
    display:none;
}
.social_white{
    justify-content: center;
}
.tstta-upevents .heading_s4 h2{
    font-size:30px;
}
.f_head_none{
display:none;
}
footer .widget.b_0{
margin-bottom:0 !important;
}
.footer_top {
    padding: 55px 0 0px;
}
}