@media (max-width: 1585px) {
	#hero h1 {
		font-size:48px;
	}
}

@media (max-width: 1360px) {
	#hero h1 {
		font-size:42px;
	}
	#hero .hero-desc {
		font-size:16px;
	}
	#slider .item .bilgi .yazi2 {
		font-size:44px;
	}
}

@media (max-width: 1200px) {
	#header .menu .link-item {
		font-size:13px;
		padding:5px 10px;
	}
	#about .about-content {
		padding-left:15px;
	}
}

@media (max-width: 960px) {
	main {
		width:100vw;
	}

	#topbar {
		display:none;
	}
	#header {
		display:none;
	}
	#mobilheader {
		display:flex;
	}
	#mobilmenu {
		display:block;
	}

	/* Hero Alan */
	#hero-alan {
		min-height:70vh;
	}
	#hero-alan .hero-content {
		padding:100px 0 60px;
	}
	#hero-alan .hero-title {
		font-size:32px;
	}
	#hero-alan .hero-desc {
		font-size:15px;
		max-width:100%;
	}
	#hero-alan .hero-btns {
		margin-bottom:30px;
	}
	#hero-alan .hero-stats {
		gap:25px;
	}
	#hero-alan .hero-stat .number {
		font-size:30px;
	}
	#hero-alan .hero-stat .label {
		font-size:11px;
	}
	#hero-alan .hero-next,
	#hero-alan .hero-prev {
		display:none;
	}

	/* Hero eski */
	#hero {
		min-height:auto;
		padding:0;
	}
	#hero .hero-content {
		padding:100px 0 60px;
		text-align:center;
	}
	#hero h1 {
		font-size:34px;
	}
	#hero .hero-desc {
		font-size:15px;
		max-width:100%;
	}
	#hero .hero-buttons {
		justify-content:center;
	}
	#hero .hero-stats {
		justify-content:center;
	}
	#hero .hero-badge {
		margin-left:auto;
		margin-right:auto;
	}
	#hero .hero-image-col {
		display:none;
	}

	/* Slider */
	#slider .item .anaresim {
		min-height:400px;
	}
	#slider .item .bilgi .yazi2 {
		font-size:30px;
		line-height:1.2;
	}
	#slider .slider-button-next,
	#slider .slider-button-prev {
		width:40px;
		height:40px;
		font-size:18px;
	}
	#slider .slider-button-next {
		right:15px;
	}
	#slider .slider-button-prev {
		left:15px;
	}

	/* Service Tags */
	#service-tags {
		margin-top:-25px;
	}
	#service-tags .tag-item {
		padding:10px 16px;
		font-size:11px;
	}

	/* About */
	#about {
		padding:60px 0;
	}
	#about .about-content {
		padding-left:0;
		margin-top:40px;
	}
	#about .about-content h2 {
		font-size:26px;
	}
	#about .about-experience {
		right:10px;
		bottom:-10px;
	}

	/* Features */
	#features {
		padding:50px 0;
	}
	.feature-box {
		padding:25px 15px;
	}
	.feature-box .icon {
		width:60px;
		height:60px;
		font-size:24px;
		margin-bottom:12px;
	}
	.feature-box h5 {
		font-size:15px;
	}
	.feature-box p {
		font-size:13px;
	}

	/* Services */
	#services {
		padding:60px 0;
	}
	.section-title h2 {
		font-size:26px;
	}

	/* CTA */
	#cta {
		padding:60px 0;
	}
	#cta h2 {
		font-size:26px;
	}

	/* Service Categories */
	#service-cats {
		padding:60px 0;
	}
	.service-cat-card {
		height:280px;
		margin-bottom:20px;
	}

	/* Counter */
	#counter {
		padding:60px 0;
	}
	.counter-grid {
		flex-wrap:wrap;
	}
	.counter-divider {
		display:none;
	}
	.counter-item {
		width:50%;
		flex:none;
		padding:20px 15px;
	}
	.counter-icon {
		width:50px;
		height:50px;
		font-size:22px;
		margin-bottom:10px;
	}
	.counter-item .number {
		font-size:32px;
	}
	.counter-item .label {
		font-size:11px;
		letter-spacing:1px;
	}

	/* Footer */
	#footer .footer-menu-col {
		display:none;
	}
	#footer .footer-top {
		padding:40px 0 20px;
	}
	#footer .footer-brand p {
		font-size:13px;
	}
	#footer .footer-title {
		font-size:16px;
		margin-bottom:15px;
	}
	#footer .footer-links li {
		margin-bottom:8px;
	}
	#footer .footer-links li a {
		font-size:13px;
	}
	#footer .footer-contact li {
		margin-bottom:12px;
	}
	#footer .footer-contact li .text {
		font-size:13px;
	}
	#footer .footer-bottom {
		flex-direction:column;
		gap:10px;
		justify-content:center;
		text-align:center;
	}
	#footer .footer-bottom p {
		font-size:12px;
	}

	/* Blog */
	#blog {
		padding:60px 0;
	}
	.blog-card-img {
		height:180px;
	}
	.blog-list-grid {
		grid-template-columns:repeat(2, 1fr);
		gap:20px;
	}
	#blog-list-page {
		padding:60px 0;
	}
	#blog-detail {
		padding:60px 0;
	}
	.bd-sidebar-card {
		margin-top:0;
	}

	/* Page Hero */
	.page-hero-compact {
		padding:100px 0 40px !important;
		min-height:200px !important;
	}

	/* Contact */
	.ci-card {
		padding:25px 20px;
	}
	.ci-card h5 {
		font-size:16px;
	}
	.cf-wrapper {
		padding:20px;
	}
	.cf-wrapper h2 {
		font-size:24px;
	}

	/* Hizmet Detail */
	.hd-sidebar {
		margin-top:40px;
	}
}

@media (max-width: 576px) {
	/* Hero Alan */
	#hero-alan {
		min-height:auto;
	}
	#hero-alan .hero-content {
		padding:80px 0 50px;
	}
	#hero-alan .hero-title {
		font-size:24px;
		margin-bottom:15px;
	}
	#hero-alan .hero-badge {
		font-size:12px;
		padding:6px 14px;
		margin-bottom:15px;
	}
	#hero-alan .hero-desc {
		font-size:14px;
		line-height:1.6;
		margin-bottom:20px;
	}
	#hero-alan .hero-btns {
		flex-direction:column;
		align-items:flex-start;
		gap:10px;
		margin-bottom:25px;
	}
	#hero-alan .hero-btns .btn {
		width:100%;
		justify-content:center;
	}
	#hero-alan .hero-stats {
		gap:20px;
	}
	#hero-alan .hero-stat .number {
		font-size:24px;
	}
	#hero-alan .hero-stat .label {
		font-size:10px;
		letter-spacing:0.5px;
	}

	/* Hero eski */
	#hero h1 {
		font-size:28px;
	}
	#hero .hero-stat .number {
		font-size:32px;
	}
	#hero .hero-stats {
		gap:25px;
	}

	#slider .item .bilgi .yazi2 {
		font-size:24px;
	}

	/* Service Tags */
	#service-tags {
		margin-top:-20px;
	}
	#service-tags .tags-wrapper {
		gap:6px;
		justify-content:center;
	}
	#service-tags .tag-item {
		padding:8px 12px;
		font-size:10px;
	}

	/* About */
	#about {
		padding:40px 0;
	}
	#about .about-content h2 {
		font-size:22px;
	}
	#about .about-content p {
		font-size:14px;
	}
	#about .about-checklist li {
		font-size:14px;
	}

	/* Services */
	.service-card {
		padding:25px 18px;
	}
	.service-card h4 {
		font-size:18px;
	}

	/* Features */
	#features {
		padding:40px 0;
	}
	.feature-box {
		padding:20px 10px;
	}
	.feature-box .icon {
		width:50px;
		height:50px;
		font-size:22px;
		margin-bottom:10px;
	}
	.feature-box h5 {
		font-size:13px;
		margin-bottom:0;
	}
	.feature-box p {
		display:none;
	}

	/* CTA */
	#cta h2 {
		font-size:22px;
	}
	#cta p {
		font-size:14px;
	}

	/* Counter */
	#counter {
		padding:40px 0;
	}
	.counter-item {
		padding:15px 10px;
	}
	.counter-icon {
		width:42px;
		height:42px;
		font-size:18px;
		margin-bottom:8px;
	}
	.counter-item .number {
		font-size:26px;
	}
	.counter-item .label {
		font-size:10px;
	}

	/* Blog */
	#blog {
		padding:40px 0;
	}
	.blog-card-img {
		height:160px;
	}
	.blog-card-body {
		padding:16px 18px 20px;
	}
	.blog-card-body h4 {
		font-size:15px;
	}
	.blog-card-body p {
		font-size:13px;
		-webkit-line-clamp:1;
	}
	.blog-list-grid {
		grid-template-columns:1fr;
		gap:20px;
	}
	.bd-content {
		font-size:14px;
	}
	.bd-content h2 {
		font-size:20px;
	}
	.bd-content h3 {
		font-size:18px;
	}
	.bd-meta {
		flex-wrap:wrap;
		gap:10px;
	}

	/* Page titles */
	.page-main-title {
		font-size:24px;
	}
	.page-main-desc {
		font-size:14px;
	}

	/* About Details (Hakkımızda sayfası) */
	.about-content .about-title {
		font-size:22px;
	}
	.about-content .about-text {
		font-size:14px;
	}

	/* Why Us */
	.wus-title {
		font-size:22px;
	}

	/* Services Grid */
	.service-detail-card .sdc-body h4 {
		font-size:16px;
	}

	/* Contact */
	.ci-card {
		padding:20px 15px;
	}
	.ci-card h5 {
		font-size:15px;
	}
	.ci-card a, .ci-card p {
		font-size:13px;
	}
	.cf-wrapper h2 {
		font-size:20px;
	}

	/* Footer compact */
	#footer .footer-top {
		padding:30px 0 15px;
	}
	#footer .footer-brand img {
		max-height:40px;
	}
	#footer .footer-brand p {
		font-size:12px;
		margin-top:10px;
	}
	#footer .footer-social {
		margin-top:12px;
	}
	#footer .footer-social a {
		width:32px;
		height:32px;
		font-size:14px;
	}
	#footer .footer-title {
		font-size:15px;
		margin-bottom:12px;
	}
	#footer .footer-links li a {
		font-size:12px;
	}
	#footer .footer-contact li .icon {
		width:30px;
		height:30px;
		min-width:30px;
		font-size:14px;
	}
	#footer .footer-contact li .text,
	footer#footer .footer-contact li .text a {
		font-size:12px;
	}
	#footer .footer-bottom {
		padding:15px 0;
	}
	#footer .footer-bottom p {
		font-size:11px;
	}

	.btn {
		height:44px;
		padding:0 20px;
		font-size:13px;
	}

	/* Hizmet Detail */
	.hd-featured-img img {
		height:200px;
	}
	.hd-content {
		font-size:14px;
	}
	.hd-content h2 {
		font-size:20px;
	}
	.hd-content h3 {
		font-size:18px;
	}
}