@media only screen and (min-width: 992px) and (max-width: 5000px) {
.team-sec .col-md-3.col-sm-6.col-xs-12:nth-child(4n+1) {
	clear: both;
}
	
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.search-forum {
  left: -200px;
}
.main-menu ul li a {
	padding: 40px 6px;
}
.menu-style1 {
	position: absolute;
	z-index: 99;
	width: 100%;
	top: none;
}
.slider-wrapper {
	width: 100%;
}
.slider-text h1{
font-size: 48px;	
}
.gallery-overlay-text h2{
	font-size:14px;
}
.appointment {
	right: 0;
}
.counting-inner {
	padding-right: 40px;
}
.appoitment-button a {
	padding: 12px 14px;
}
.gallery-button a i {
	font-size: 16px;
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.error-page-content{padding:0}

}



@media only screen and (min-width: 768px) and (max-width: 991px) {
body {
font-size: 15px;
line-height: 24px;
}	
h1 {
font-size: 22px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 16px;
}	
.pt-100{padding-top:80px;}
.pb-100{padding-bottom:80px;}
.pb-70{padding-bottom:40px;}
.logo {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 0;
}
.sngl-price {
	margin-bottom: 30px;
}
.team-member::after {
	height: 38%;
}
.header-left li {
	position: relative;
	display: inline-block;
	color: #ffffff;
}
.main-menu ul li a {
  padding:34px 4px
}
.company-ceo-thumb img {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 20px;
}
.support-man {
	margin: 0px auto;
	text-align: center;
}
.menu-style1 {
	top: 190px;
}
.main-menu {
	text-align: center;
}
.appointment {
	right: 0;
}
.pricing-sec .tab-content img {
	margin-bottom: 30px;
}
.search-forum {
  left: -218px;
}
.slider-text{
	width:767px;
}
.slider-text h1 {
  font-size: 36px;
}
.project-gallery .inner{width:50%}
.counting_sl {
	margin: 40px 0;
}
.main-menu ul ul {
	top: 100%;
	margin-top: 0;
}
.hd-search-field form {
	width: 140px;
}
.sidebar {
	margin-top: 40px;
	margin-bottom:100px
}
.header-right {
	margin-right: 0px;
}
.newsletter::before {
	right: -100%;
}
.sec-title {
	text-align: center;
	margin: 0 0px 50px 0px;
}
.service-item .col-md-4.col-sm-6:nth-child(2n+1) {
	clear: both;
}
.company-bar-chart {
	margin-bottom: 40px;
}
.footer-widget-menu {
	margin-bottom: 30px;
}
.call-to-action-text h2 {
	font-size: 24px;
}
.post-meta li {
	padding-right: 0;
	margin-right: 0;
}
.company-bar-chart img,
.company-desc img,
.pricing-sec .tab-content img {
	width: 100%;
}
.service-details-img img {
	width: 100%;
}
.service-details {
	margin-top: 30px;
}
.brochures {
	margin-top: 30px;
}
.gallery-button a i {
	font-size: 16px;
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.team-sec .col-md-3.col-sm-6.col-xs-12:nth-child(2n+1) {
	clear: both;
}
.vedio-inner {
	margin-top: 40px;
}
.slider-wrapper{
	width:100%;
}
.hd-sec.sticky_menu {
	position: relative;
}
.info-intro {
	margin: 20px 0;
}
.faq-title {
	font-size: 28px;
}
.faq-sec .panel-heading a {
	font-size: 18px;
}
.faq-sec .panel-title a::before {
	font-size: 18px;
}
.about-desc h1 {
	font-size: 28px;
}
.sec-title h1 {
	font-size: 32px;
}
.counting_sl h2 {
	font-size: 38px;
}
.counting_sl h4 {
	font-size: 18px;
}
.count-up-sec{
	padding:60px 0px;
}
}


@media only screen and (min-width: 0px) and (max-width: 767px) {
body {
font-size: 14px;
line-height: 24px;
}	
h1 {
font-size: 22px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 16px;
}
.count-up-sec{
	padding:60px 0px;
}
.header-top-bottom {
	padding-top: 30px;
	padding-bottom: 20px;
}
.soical-profile li a,
.soical-profile li:last-child a{border:0px}
.menu-style1 {
	position: relative;
	top: 0;
	background:#2a4d75;
}
.support-man {
	text-align: center;
}
.sec-title h1 {
	font-size: 24px;
}
.why-choose-thumb img {
	width: 100%;
}
.footer-social {
	text-align: center;
	margin-top: 10px;
}
.footer-call-to-action {
	top: -135px;
}
.sngl-price {
	margin-bottom: 50px;
}
.slider-wrapper,
.slider-caption{
	width:100%;
}
.slider-text {
width:100%;
}
.all-slide .owl-controls .owl-prev {
	left: 0;
}
.all-slide .owl-controls .owl-next {
	right: 0;
}
.hd-sec.sticky_menu {
	position: relative;
}
.pt-100{padding-top:80px;}
.pb-100{padding-top:80px;}
.pb-70{padding-top:40px;}
.appoitment-button {
	display: none;
}
.vedio-inner {
	margin-top: 40px;
}
.slider-text p{width:100%}
.company-ceo-thumb img {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 20px;
}
.header-right-div {
	text-align: center;
}
.header-left {
	text-align: center;
}
.why-choose-title h1 {
	font-size: 24px;
}
.about-desc h1,
.company-desc h1{
	font-size: 32px
}

.slider-text {
  padding: 0 30px;
}
.hd-sec {
	padding-top: 24px;
	position: relative;
}
.logo {
	text-align: left;
	padding: 0;
	position: relative;
	z-index: 99;
}
.counting_sl {
	margin: 40px 0;
}
.site-search {
  display: inline-block;
  padding: 0 20px;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
}
.site-search:hover .search-forum {visibility:visible;transition: all 0.4s ease 0s;top:0px;opacity:1}
.mean-nav li a i {
  display: none;
}
.slider-text h1 {
 font-size: 34px;
}
.team-member::after {
	height: 38%;
}
.search-forum {
  left: 50%;
  transform: translateX(-50%);
}
.slider-text li a {
  margin-bottom: 20px;
}	

.breadcrumb-list {
  text-align: center;
}
.breadcrumb-right{text-align:center}
.breadcrumb-right span {
  float: none;
}
.pagehding-sec {
  padding: 80px 0;
}
.page-heading h1 {
  font-size: 28px;
  text-align:center;
}
.shorttitle{background: #2a4d75 none repeat scroll 0 0;
display: block;
margin-bottom: 40px;
padding: 20px;}
#navbarfiltr.navbar-collapse {
  border: 0;
  box-shadow: none;
}
.navbarsort .navbar-toggle {
background: #292929 none repeat scroll 0 0;
margin-top: 15px;
}
.navbarsort .navbar-toggle .icon-bar {
  background: #fff;
}
.shorttitle h2 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
  display: inline-block;
  margin-left: 10px;
}
#navbar li {
  display: inline-block;
  width: 100%;
}
#navbar ul li a {
  padding: 6px 9px;
}

.simplefilter li {
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
.navbarsort{display:block}

.contact-field.contact-form,
.map-sec{float:none;width:100%}

.counting_sl {
	margin: 40px 0;
}
.appointment {
	position: relative;
	left: 0;
}
.header-right {
	margin-right:0px;
}
.company-bar-chart {
	margin-bottom: 40px;
}
.appointment a::before {
display:none;
}
.about-img img {
	width: 100%;
	margin-bottom: 40px;
}
.company-bar-chart img,
.company-desc img,
.pricing-sec .tab-content img {
	width: 100%;
}
.sec-title {
	text-align: center;
	margin: 0 0px 50px 0px;
}
.project-gallery .inner {
	width: 50%;
}
.footer-sec .col-md-3.col-sm-6 {
	margin: 40px 0;
}
.footer-bottom-sec p {
	text-align: center;
}
.call-to-action-text {
	text-align: center;
}
.call-to-action-text a.btn {
	float: none;
	margin-top: 20px;
}
.service-details-img img {
	width: 100%;
}
.service-details {
	margin-top: 30px;
}
.brochures {
	margin-top: 30px;
}
.menu-icon {
	display: none;
}
.single-testimonial {
	width: 100%;
}
.header-left li {
	border-left: inherit;
}
.header-left li:last-child{
	border-right:inherit
}
.faq-sec .panel-heading a {
	font-size: 18px;
}
.faq-sec .panel-title a::before {
	font-size: 18px;
}
.about-desc h1 {
	font-size: 28px;
}
.sec-title h1 {
	font-size: 32px;
}
.price-box span.amount {
	font-size: 32px;
}
.info-intro {
	margin: 20px 0;
}
.counting_sl h2 {
	font-size: 32px;
}
.counting_sl h4 {
	font-size: 18px;
}
.gallery-button h2 a {
	font-size: 16px;
}

}

@media only screen and (min-width: 515px) and (max-width: 767px) {
.team-member::after {
	height: 42%;
}

}


@media only screen and (min-width: 0px) and (max-width: 492px) {
.header-left {
	text-align: center;
}
.header-left li{margin:10px 0;}
.slider-text h1 {
	font-size: 28px;
	line-height: 40px;
}
.slider-text ul{margin-top:40px;}
.project-gallery-overlay-text .gallery-button a i {
	font-size: 16px;
	width: 40px;
	height: 40px;
	line-height: 40px;
}
}

@media only screen and (min-width: 0px) and (max-width: 420px) {
.header-left li {
	width: 100%;
	padding: 0;
	text-align: center;
}

}

@media only screen and (min-width: 0px) and (max-width: 550px) {

.project-gallery .inner{width:100%}
}

@media only screen and (min-width: 0px) and (max-width: 500px) {


}

@media only screen and (min-width: 0px) and (max-width: 390px) {
.sec-title h1 {
  font-size:28px;
}


}
@media only screen and (min-width: 0px) and (max-width: 359px) {

.commentar-sec img {
  margin-bottom:20px;
}
}

/* =======================================================
   MOBILE RESPONSIVENESS FIXES
   ======================================================= */

/* 1. Global fix to prevent all horizontal scrolling */
html, body {
    overflow-x: hidden;
    width: 100%;
}

@media (max-width: 767px) {

	/* Push the first section down slightly so it doesn't hide behind the new sticky header */
    body {
        padding-top: 75px !important; 
    }

	/* Make the header sticky on mobile */
    header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        background: #fff !important; /* Solid background so scrolling text doesn't bleed through */
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Adds a subtle drop shadow */
    }

	/* Disable the JavaScript scroll animations on mobile */
    .hd-sec,
    .hd-sec.animated {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }

    /* 2. Scale down massive typography for mobile viewports */
    .about-banner h1, 
    .division-banner h1 {
        font-size: 32px !important;
        line-height: 40px;
    }

	/* Add spacing above the leadership message text on the home page */
    .about-desc {
        margin-top: 35px !important;
    }

	/* Stack the about stats vertically on mobile */
    .who-we-are-sec .about-stats {
        flex-direction: column;
        gap: 15px !important; /* Reduces the gap slightly for a cleaner vertical stack */
    }

    .who-we-are-sec h2,
    .division-intro-sec h2,
    .values-sec h2,
    .growth-cta-sec h2,
    .gallery-right-content h2 {
        font-size: 26px !important;
        line-height: 36px !important;
    }

    /* 3. Pull in absolute positioned badges to stop horizontal overflow */
    .who-img-wrap .img-accent {
        right: 0 !important;
        bottom: 0 !important;
    }
    
    .who-img-wrap .years-badge,
    .intro-img-badge {
        left: 10px !important;
        bottom: 10px !important;
        padding: 12px 16px !important;
    }
    
    .intro-img-badge .badge-num,
    .years-badge .num {
        font-size: 28px !important;
    }

    /* 4. Fix overlapping Values section (Resetting inline styles and large margins) */
    .values-sec .col-md-7 {
        padding-left: 15px !important; /* Overrides the inline 50px */
        margin-top: 30px;
    }

	/* Stack the Values section columns vertically on mobile */
    .values-sec .row {
        flex-direction: column;
    }

    .values-sec img {
        margin-top: 20px !important; /* Overrides the 155px margin */
        height: auto !important;
    }
    
    /* 5. Adjust Division layout spacing */
    .gallery-right-content {
        padding-left: 15px !important;
        margin-top: 30px;
    }

    .intro-thumbnails img {
        height: 80px !important;
    }
    
    /* 6. Stack Call-To-Action buttons neatly */
    .cta-btn-group {
        flex-direction: column;
        gap: 10px;
    }
    
    .cta-btn-group .btn-white,
    .cta-btn-group .btn-outline-white {
        width: 100%;
        text-align: center;
        margin-left: 0 !important;
    }

	/* Add spacing between the button and image when columns stack */
    .btn-division,
    .btn-primary-custom {
        margin-bottom: 40px !important;
    }

	/* Add spacing below the contact form on mobile */
    .contact-form-card {
        margin-bottom: 40px !important;
    }

	/* Pull the carousel navigation arrows inside the screen edge */
    .owl-controls .owl-buttons .owl-prev,
    .owl-nav .owl-prev {
        left: -5px !important;
    }

    .owl-controls .owl-buttons .owl-next,
    .owl-nav .owl-next {
        right: -5px !important;
    }
}