@media only screen and (max-width: 1199px) {
	.navbar .navbar-button {
		padding: 0 15px;
		margin-left: 20px;
	}
	.navbar .navbar-button i {
		margin: 0;
	}
	.navbar .navbar-button span {
		display: none;
	}
	.counter-box .odometer {
		font-size: 55px;
	}
	.gallery-slider .swiper-slide {
		max-width: 100vw;
	}
}

@media only screen and (max-width: 991px) {
	.m-l-auto {
		margin: auto !important;
	}
	.pb-md30 {
		padding-bottom: 30px;
	}
	.m-siteNav {
		box-shadow: none;
	}
	.m-siteNav .hide-m-nav {
		display: none;
	}
	.m-siteNav .show-m-nav {
		display: block;
	}
	.navbar .site-menu {
		display: none;
	}
	.navbar .navbar-button span {
		display: inline-block;
		margin-left: 6px;
	}
	.about-bg-blue {
		width: 100%;
	}
	.about-text {
		padding-left: 0;
	}
	.vission,
	.mission {
		margin: 15px 0;
	}
	.col-lg-3:nth-child(even) .counter-box {
		margin-top: 0;
	}
	.counter-box {
		margin-bottom: 30px;
	}
	.gallery-slider .swiper-slide {
		max-width: inherit;
	}
	.footer-logo {
		text-align: center;
		padding-bottom: 30px;
	}
	.footer-links {
		padding-bottom: 30px;
	}
	.team-section .team-slider {
		width: 100%;
		position: static;
	}
	.team-section .team-content {
		width: 100%;
		margin-right: 0;
	}
	
}

@media only screen and (max-width: 767px) {
	.m-siteNav {
		width: 240px;
	}
	.navbar .navbar-button span {
    	display: none; 
	}
	.about-bg-blue {
		padding: 30px;
	}
	.about-bg-blue h4 {
		font-size: 34px;
	}
	.gallery-slider .swiper-slide .gallery-box figcaption {
		width: 100%;
		position: static;
	}
	.gallery-slider .swiper-slide .gallery-box figcaption h5 {
		font-size: 22px;
	}
	.gallery-slider .swiper-slide .gallery-box figcaption:after {
		bottom: 0;
	}
	.m-m-auto {
		margin: auto !important;
	}
}

@media only screen and (max-width: 600px) {
	.navbar .logo a img {
		height: 50px;
	}
	.navbar.sticky .logo a img {
		height: 50px;
	}
	.vission:hover:after,
	.mission:hover:after {
		right: 30px;
		width: 30%;
		background-size: 10px 10px;
	}
	.tab-btn ul {
		padding-left: 15px !important;
	}
	.banner-section {
		background-position: center center;
	}
	.banner-text h1 {
		font-size: 40px;
		font-weight: 300;
		letter-spacing: 2px;
	}
	.banner-text h1 span {
		font-size: 60px;
		font-weight: 700;
	}
	.services-section .container {
		padding-right: 15px;
		padding-left: 15px;
	}
	.gallery-slider {
		padding-bottom: 50px;
	}
	.gallery-slider .swiper-slide .gallery-box figcaption:after {
		display: none;
	}
	.gallery-slider .controls .button-prev,
    .gallery-slider .controls .button-next {
        position: absolute;
        top: auto;
        bottom: 30px; /* Distance from the bottom of the container */
        left: 50%; /* Center horizontally */
        transform: translateX(-50%);
    }
    .gallery-slider .controls .button-next {
        left: calc(50% + 40px); /* Adjust based on the width of the buttons */
    }
    .gallery-slider .controls .button-prev {
        left: calc(50% - 40px); /* Adjust based on the width of the buttons */
    }
	.table {
        min-width: 600px; /* Set a minimum width to ensure scrolling */
    }
	



}