@media (max-width: 1200px){
	#main-slider h3{
		font-size: 30px;
	}
	#carouselExampleIndicators .carousel-item{
		height: 400px;
	}
	.carousel-caption p{
		display: none;
	}
	.carousel-control-prev,
	.carousel-control-next{
		display: none;
	}
	#main-slider .carousel-indicators{
		display: block;
	}
}

@media (max-width: 1000px) {
	#header .navbar{
		padding: 12px 0px;
	}
	.menu-btn{
		margin: 0px;
		margin-top: 20px;
	}
	#top-header,
	#sub-footer{
		text-align: center;
	}
	.t-left-side,
	.t-right-side,
	.social-icons,
	.sub-foot-left,
	.sub-foot-right{
		float: inherit;
		text-align: center;
	}
	.t-left-side{
		margin-bottom: 1rem;
		margin-top: 0.5rem;
	}
	.t-right-side{
		margin-bottom: 0.5rem;
	}
	#header .nav-link{
		margin: 0;
	}
	#who-we-are .img-bg{
		margin-top: 2rem;
	}
	#sub-footer .sub-foot-left li{
		margin-bottom: 10px;
	}
}

@media (max-width: 991px) {
    #header {
        height: auto !important; /* Fixed height issue on mobile */
    }
    .navbar-collapse {
        background: #fff;
        padding: 15px;
        margin-top: 10px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        border-radius: 5px;
    }
	.img-bg-2{
		left: 0;
		position: relative;
		width: 100% !important;
		border: 10px solid #fff !important;
	}
    .img-bg-1 img {
        width: 100% !important;
    }
	#new-project .btn{
		margin-top: 2rem;
	}
	.project-single{
		position: relative;
		width: 100%;
	}
	.time-bg{
		font-size: 36px;
	}
    #who-we-are .card {
        min-height: auto !important;
        margin-bottom: 25px;
    }
    .col-lg-4, .col-lg-3, .col-lg-6 {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    body {
        font-size: 14px;
        overflow-x: hidden; /* Prevent horizontal scroll */
    }
    h1 { font-size: 28px !important; }
    h2 { font-size: 24px !important; }
    h3 { font-size: 20px !important; }
    
    .container {
        padding-left: 20px;
        padding-right: 20px;
        max-width: 100%;
        overflow: hidden;
    }
    
    .head-after {
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }
    .head-after:before {
        left: 50%;
        transform: translateX(-50%);
    }

	#counter .counter-img img{
		left: 0;
        position: relative;
        margin-top: 20px;
        width: 100%;
	}
    
    /* Footer stacking check */
    #footer .col-lg-4 {
        margin-bottom: 40px;
        text-align: center;
    }
    .footer-certificates h3, .footer-contact h5 {
        text-align: center;
    }
    .cert-item p, .footer-info-text p {
        text-align: center;
    }
    .title-line {
        margin: 0 auto 20px auto;
    }
    .footer-info-text p {
        border-left: none;
        padding-left: 0;
        padding-top: 15px;
    }
}

@media (max-width: 576px) {
    #header .navbar-brand img {
        max-width: 150px;
    }
    
	#carouselExampleIndicators .carousel-item{
		height: 250px;
	}
    #main-slider .carousel-caption {
        width: 95% !important;
        top: 50%;
        padding: 0 10px;
    }
    #main-slider h3 {
        font-size: 22px !important;
        margin-bottom: 10px;
    }
    #main-slider .btn {
        padding: 8px 15px;
        font-size: 13px;
    }

    .card {
        padding: 20px 15px !important;
        margin-bottom: 20px !important;
    }
    
    /* Contact Page - Map in Card Fix */
    .contact-card-map iframe {
        height: 200px !important;
    }
    .iletisim .card {
        min-height: auto;
    }

    #footer .social-icons {
        margin-top: 15px;
    }
    
    /* Global image and iframe responsiveness */
    img, iframe {
        max-width: 100%;
        height: auto;
    }
    
	.time-bg{
		font-size: 14px;
	}
    
	.slick-slider{
		text-align: center;
	}
	button.slick-prev,
	button.slick-next{
		position: relative;
		top: 0px !important;
		margin: 10px 5px !important;
		right: 0px;
		left: 0px;
        display: inline-block !important;
	}
}

@media (max-width: 400px) {
	#top-header .t-left-side li{
		margin-right: 0;
        display: block;
        margin-bottom: 8px;
	}
	#top-header .t-left-side li:after{
		display: none;
	}
	#who-we-are .img-bg-2 img{
		width: 100%;
	}
	#main-slider h3{
		font-size: 18px !important;
	}
    .primary-bg .sub-foot-left ul li {
        font-size: 11px;
    }
}