/* Tablet and smaller desktop responsive styles */
@media (max-width: 1024px) {
	/* Yeni ince topbar: sadece telefon ve mail */
    .topbar { padding: 6px 0; background: linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-dark) 100%); border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: var(--white); }
    .topbar .container { display: flex; justify-content: center; align-items: center; }
    .topbar-right { display: none; }
    .topbar-contact { display: flex; gap: 16px; }
    .topbar-contact-item { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--white) !important; }
    .topbar-contact-item i { font-size: 13px; color: rgba(255, 255, 255, 0.8); }
    .topbar-contact-item span { font-size: 12px; color: var(--white); }
	/* Adres öğesini gizle */
	.topbar-contact .topbar-contact-item:nth-child(3) { display: none; }

	/* Mobil header: solda logo, sağda hamburger */
	.header .container { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; position: relative; }
	.header-left { display: flex; align-items: center; gap: 12px; }
	.logo img { height: 42px; }
	.mobile-menu-toggle { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid rgba(0,0,0,0.08); border-radius: 8px; background: #fff; color: #333; }
	.mobile-menu-toggle i { font-size: 18px; }

	/* Menü: kapalıyken gizli, açılınca tam genişlikte panel */
	.header-navigation { position: absolute; left: 0; right: 0; top: 100%; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-top: 1px solid rgba(0,0,0,0.06); display: none; z-index: 999; }
	.header-navigation.is-open { display: block; }
	.header-navigation .navigation { display: flex; flex-direction: column; padding: 10px 16px; }
	.header-navigation .navigation > li + li { border-top: 1px solid rgba(0,0,0,0.06); }
	.header-navigation .navigation > li > a { display: flex; align-items: center; gap: 10px; padding: 12px 0; font-size: 15px; }


	.call-to-action {
		margin-top: -3px;
		text-align: center;
	}

	.our-services .single-our-service-caption-box .img-box,
	.our-services .single-our-service-caption-box .content-box {
		display: block;
		padding: 0;
		text-align: center;
	}

	.our-services .single-our-service-caption-box .img-box {
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}

	.about-section .about-text-wrapper .img-box {
		margin-bottom: 30px;
	}

	.about-section .about-text-wrapper .img-box img {
		width: 32%;
	}

	.about-section.about-page .about-text-wrapper .img-box img {
		width: 32.3%;
	}

	.single-team-member p.position {
		font-size: 15px;
	}

	.single-team-member p {
		font-size: 13px;
	}

	.faq-blog-section .faq-accrodion {
		margin-bottom: 80px;
	}

	.single-fact-counter .icon-box {
		width: 40px;
	}

	.single-fact-counter .icon-box i {
		font-size: 40px;
	}

	.single-fact-counter .text-box .number {
		font-size: 29px;
	}

	.single-fact-counter .text-box p {
		font-size: 13px;
	}

	.single-fact-counter {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.single-fact-counter.bdrn {
		border-right: 0;
	}

	.single-service-page .img-box img {
		width: 49%;
	}

	.news-content .single-blog-post .content-box .bottom-box h3 {
		font-size: 21px;
	}

	.single-contact-info .text-box p {
		font-size: 13px;
	}

	.single-contact-info .text-box h3 {
		font-size: 20px;
		margin-bottom: 0;
	}

	.footer-widget {
		margin-bottom: 30px;
	}

	.single-service-page .img-box img:only-child {
		width: 100%;
	}

	.single-service-page .two-col-img-box .box-left {
		width: 53%;
	}
}

@media (max-width: 768px) {
	/* Ölçek ayarları */
	.topbar { padding: 6px 0; }
	.topbar-contact { gap: 12px; }
	.logo img { height: 38px; }
	.mobile-menu-toggle { width: 38px; height: 38px; }
	.header-navigation .navigation > li > a { padding: 11px 0; font-size: 14px; }
	#polyglotLanguageSwitcher {width: 110px;margin-left: auto;margin-right: auto;}
	#polyglotLanguageSwitcher a {margin-left: auto;margin-right: auto;}
	#polyglotLanguageSwitcher span.trigger {right: 0;}

	.bottom-footer .pull-left,
	.bottom-footer .pull-right {float: none !important;text-align: center;}
	.bottom-footer .right-text {margin-top: 10px;}
	.home-contact-form {margin-top: 80px;}
	.call-to-action-home h3 br {display: none;}
	.single-team-member {margin-bottom: 30px;}
	.single-team-member p.position {font-size: 18px;}
	.single-team-member p {font-size: 16px;}
	.single-our-service {margin-bottom: 30px;}
	.our-services p {font-size: 15px;}
	.about-section.about-page .about-text-wrapper .img-box img {width: 31.3%;}
	.fact-counter-section .container {border: none;}
	.single-fact-counter {border: 1px solid #f4f4f4 !important;}
	.our-services.service-page .has-divider {border: none;margin-top: 0;padding-top: 0;}
	.no-container.our-features .single-our-feature {margin-top: 30px;}
	.single-service-page .video-box img {width: 100%;}
	.single-project-content .single-project-customer-info {margin-bottom: 40px;}
	.shop-page .has-divider {margin-top: 0;padding-top: 0;border: none;}
	.single-shop-item {margin-bottom: 30px;}
	.update-cart-box .pull-left,
	.update-cart-box .pull-right {float: none !important;}
	.single-contact-info {margin-bottom: 30px;padding-top: 15px;padding-bottom: 15px;}
	.switcher{ top:60px;}
}

@media (max-width: 640px) {
	.tp-caption {display: none !important;}
	.topbar-contact-item span { font-size: 11px; }
	.header .container { padding: 10px 14px; }
	.logo img { height: 36px; }

}

@media (max-width: 600px) {
	.our-services .single-our-service .img-box img {width: 100%;}
	.about-section .about-text-wrapper .img-box img {width: 48%;}
	.single-team-member .img-box img {width: 100%;}
	.single-blog-post {padding: 20px;}
	.single-blog-post .img-box, .single-blog-post .content-box {display: block;margin: 0;padding: 0;text-align: center;}
	.single-blog-post .img-box {margin-left: auto;margin-right: auto;margin-bottom: 30px;}
	.about-section.about-page .about-text-wrapper .img-box img {width: 47.3%;}
	.mixit-gallery .mix {width: 100%;}
	ul.gallery-filter li span {margin-bottom: 10px;}
	.product-content-box .img-box, .product-content-box .content-box {display: block;padding-left: 0;padding-top: 20px;padding-bottom: 20px;}
	.review-box .single-review-box .text-box .top-box .pull-left,
	.review-box .single-review-box .text-box .top-box .pull-right {float: none !important;}
	.inner-banner {padding: 50px 0 !important;}
	.inner-banner h2 {font-size: 1.8rem !important;}
}
@media (max-width: 420px) {
	.about-section .about-text-wrapper .img-box img {width: 47%;}
	.section-title h2 span {font-size: 31px;line-height: 40px;}
	.topbar-contact { gap: 10px; }
	.topbar-contact-item i { font-size: 12px; }
	.topbar-contact-item span { font-size: 10.5px; }
	.mobile-menu-toggle { width: 36px; height: 36px; }

	.accrodion .accrodion-title h4:before {float: left;}
	.accrodion .accrodion-title h4 span {float: left;width: 80%;line-height: 30px;}
	.single-blog-post .content-box ul > li > a {font-size: 13px;}
	.bottom-footer::before {display: none;}
	.subscription button {padding: 0 40px;}
	.subscription ul.social li a {font-size: 16px;}
	.call-to-action-home {overflow: hidden;}
}


/* menu responsive styles removed for header/menu */

/* Desktop: hamburger butonunu gizle */
@media (min-width: 1025px) {
	.mobile-menu-toggle { display: none !important; }
}

/* İletişim bölümü responsive düzeltmeleri */
@media (max-width: 1024px) {
	.contact-section .container {
		padding-left: 15px !important;
		padding-right: 15px !important;
		max-width: 100% !important;
	}
	
	.contact-wrapper {
		grid-template-columns: 1fr !important;
		gap: 40px !important;
		margin-bottom: 60px !important;
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 !important;
	}
	
	.contact-info {
		gap: 30px !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.info-card {
		padding: 20px !important;
		margin-bottom: 15px !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}
	
	.contact-form {
		padding: 30px 20px !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		box-sizing: border-box !important;
	}
	
	.form-row {
		grid-template-columns: 1fr !important;
		gap: 15px !important;
		width: 100% !important;
		margin: 0 !important;
	}
	
	.form-group {
		width: 100% !important;
		margin: 0 !important;
	}
	
	.input-wrapper, .textarea-wrapper {
		width: 100% !important;
		margin: 0 !important;
	}
	
	.contact-form-inner input,
	.contact-form-inner textarea {
		width: 100% !important;
		box-sizing: border-box !important;
		margin: 0 !important;
	}
}

@media (max-width: 768px) {
	.contact-section .container {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	
	.contact-wrapper {
		gap: 30px !important;
		margin-bottom: 50px !important;
		padding: 0 !important;
	}
	
	.contact-info {
		gap: 20px !important;
		padding: 0 !important;
	}
	
	.info-card {
		padding: 18px !important;
		flex-direction: column !important;
		text-align: center !important;
		gap: 15px !important;
		margin: 0 !important;
	}
	
	.info-icon {
		width: 50px !important;
		height: 50px !important;
		margin: 0 auto !important;
	}
	
	.contact-form {
		padding: 25px 15px !important;
		margin: 0 !important;
		width: 100% !important;
	}
	
	.form-header h3 {
		font-size: 1.5rem !important;
	}
	
	.form-header p {
		font-size: 1rem !important;
	}
	
	.contact-form-inner {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.contact-form-inner input,
	.contact-form-inner textarea {
		width: 100% !important;
		box-sizing: border-box !important;
		margin: 0 !important;
	}
}

@media (max-width: 480px) {
	.contact-section .container {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	
	.contact-wrapper {
		gap: 25px !important;
		margin-bottom: 40px !important;
		padding: 0 !important;
	}
	
	.contact-info {
		gap: 15px !important;
		padding: 0 !important;
	}
	
	.info-card {
		padding: 15px !important;
		margin: 0 !important;
	}
	
	.info-content h3 {
		font-size: 1rem !important;
	}
	
	.info-content p {
		font-size: 0.9rem !important;
	}
	
	.contact-form {
		padding: 20px 10px !important;
		margin: 0 !important;
		width: 100% !important;
	}
	
	.form-header h3 {
		font-size: 1.3rem !important;
	}
	
	.form-header p {
		font-size: 0.9rem !important;
	}
	
	.contact-form-inner {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	
	.contact-form-inner input,
	.contact-form-inner textarea {
		width: 100% !important;
		box-sizing: border-box !important;
		margin: 0 !important;
	}
	
	.form-row {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.form-group {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}
}

/*Fix box layout*/
@media (min-width: 1200px) and (max-width: 1390px) {
	.boxed_wrapper.active_boxlayout {
		width: 1180px;
		margin: 0 auto;
		overflow: hidden;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.boxed_wrapper.active_boxlayout {
		width: 980px;
		margin: 0 auto;
		overflow: hidden;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.boxed_wrapper.active_boxlayout {
		width: 760px;
		margin: 0 auto;
		overflow: hidden;
	}
}
@media (max-width: 767px) {
	.boxed_wrapper.active_boxlayout {
		width: 96%;
		margin: 0 auto;
		overflow: hidden;
	}
}
/*End Fix box Layout*/

/* Additional responsive styles for modern service cards */
@media (max-width: 480px) {
  .service-card {
    margin-bottom: 25px;
  }

  .service-content {
    padding: 15px;
  }

  .service-icon {
    top: -15px;
    left: 15px;
    width: 35px;
    height: 35px;
  }

  .service-icon i {
    font-size: 14px;
  }

  .service-content h3 {
    font-size: 16px;
    padding-top: 5px;
  }

  .service-content p {
    font-size: 13px;
    margin-bottom: 15px;
  }

  .read-more {
    font-size: 13px;
  }

  .overlay-content {
    padding: 10px;
  }

  .overlay-content i {
    font-size: 32px;
    margin-bottom: 10px;
  }

  .overlay-content h4 {
    font-size: 16px;
    margin-bottom: 8px;
  }

  .overlay-content p {
    font-size: 12px;
    margin-bottom: 15px;
  }

  .service-btn {
    padding: 8px 16px;
    font-size: 12px;
  }
}

@media (max-width: 360px) {
  .our-services .section-title h2 {
    font-size: 22px;
  }

  .our-services .section-title p {
    font-size: 14px;
  }

  .service-image {
    height: 160px;
  }

  .service-content {
    padding: 12px;
  }

  .service-content h3 {
    font-size: 15px;
  }

  .service-content p {
    font-size: 12px;
  }
}

/* ==============================
   ABOUT TEXT TEXT WRAPPING FIXES
   ============================== */

.about-text {
    word-wrap: break-word !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    max-width: 100% !important;
}

.about-text p {
    word-wrap: break-word !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    max-width: 100% !important;
}

.about-text * {
    word-wrap: break-word !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    max-width: 100% !important;
}

/* Markalar bölümü responsive düzeltmeleri - GÜÇLENDİRİLMİŞ */
@media (max-width: 1024px) {
	.brands-section {
		margin-top: 60px !important;
		padding: 0 15px !important;
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	.brands-section .container {
		width: 100% !important;
		max-width: 100% !important;
		padding: 0 15px !important;
	}
	
	.brands-header-row {
		display: block !important;
		visibility: visible !important;
		margin-bottom: 40px !important;
	}
	
	.brands-grid {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: center !important;
		gap: 20px !important;
		margin-top: 30px !important;
		width: 100% !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	.brand-item {
		background: rgba(255, 255, 255, 0.95) !important;
		border-radius: 12px !important;
		padding: 15px !important;
		text-align: center !important;
		box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
		transition: all 0.3s ease !important;
		position: relative !important;
		overflow: hidden !important;
		width: 100px !important;
		height: 80px !important;
		opacity: 1 !important;
		transform: scale(1) !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		visibility: visible !important;
	}
	
	.brand-item img {
		max-width: 100% !important;
		height: auto !important;
		transition: all 0.3s ease !important;
		position: relative !important;
		z-index: 2 !important;
		width: 80px !important;
		height: 60px !important;
		object-fit: contain !important;
		object-position: center !important;
		margin: 0 !important;
		display: block !important;
		visibility: visible !important;
	}
	
	.brands-title-main {
		font-size: 2.5rem !important;
		display: block !important;
		visibility: visible !important;
	}
	
	.brands-description {
		font-size: 1.1rem !important;
		display: block !important;
		visibility: visible !important;
	}
}

@media (max-width: 768px) {
	.brands-section {
		margin-top: 50px !important;
		padding: 0 10px !important;
		display: block !important;
		visibility: visible !important;
	}
	
	.brands-section .container {
		padding: 0 10px !important;
	}
	
	.brands-grid {
		gap: 15px !important;
		margin-top: 25px !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: center !important;
		width: 100% !important;
	}
	
	.brand-item {
		width: 90px !important;
		height: 75px !important;
		padding: 12px !important;
		border-radius: 10px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		visibility: visible !important;
	}
	
	.brand-item img {
		width: 70px !important;
		height: 55px !important;
		display: block !important;
		visibility: visible !important;
	}
	
	.brands-title-main {
		font-size: 2rem !important;
		display: block !important;
	}
	
	.brands-description {
		font-size: 1rem !important;
		display: block !important;
	}
}

@media (max-width: 480px) {
	.brands-section {
		margin-top: 40px !important;
		padding: 0 5px !important;
		display: block !important;
		visibility: visible !important;
	}
	
	.brands-section .container {
		padding: 0 5px !important;
	}
	
	.brands-grid {
		gap: 12px !important;
		margin-top: 20px !important;
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		align-items: center !important;
		width: 100% !important;
	}
	
	.brand-item {
		width: 80px !important;
		height: 70px !important;
		padding: 10px !important;
		border-radius: 8px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		visibility: visible !important;
	}
	
	.brand-item img {
		width: 60px !important;
		height: 50px !important;
		display: block !important;
		visibility: visible !important;
	}
	
	.brands-title-main {
		font-size: 1.8rem !important;
		display: block !important;
	}
	
	.brands-description {
		font-size: 0.9rem !important;
		display: block !important;
	}
	
	.brands-badge {
		padding: 10px 20px !important;
		font-size: 0.8rem !important;
		display: inline-block !important;
	}
}

/* Inner-banner responsive düzeltmeleri */
@media (max-width: 1024px) {
	.inner-banner {
		padding: 80px 0 !important;
	}
	
	.inner-banner h2 {
		font-size: 2.8rem !important;
		line-height: 1.2 !important;
		letter-spacing: 1px !important;
	}
	
	.inner-banner .container {
		padding: 0 15px !important;
	}
}

@media (max-width: 768px) {
	.inner-banner {
		padding: 60px 0 !important;
	}
	
	.inner-banner h2 {
		font-size: 2.2rem !important;
		line-height: 1.3 !important;
		letter-spacing: 0.5px !important;
	}
	
	.inner-banner .container {
		padding: 0 10px !important;
	}
}

@media (max-width: 480px) {
	.inner-banner {
		padding: 50px 0 !important;
	}
	
	.inner-banner h2 {
		font-size: 1.8rem !important;
		line-height: 1.4 !important;
		letter-spacing: 0.3px !important;
	}
	
	.inner-banner .container {
		padding: 0 5px !important;
	}
}

@media (max-width: 360px) {
	.inner-banner {
		padding: 40px 0 !important;
	}
	
	.inner-banner h2 {
		font-size: 1.5rem !important;
		line-height: 1.4 !important;
		letter-spacing: 0.2px !important;
	}
}

/* Markalar sayfası responsive düzeltmeleri */
@media (max-width: 1024px) {
	.project-content .row .col-md-4 {
		margin-bottom: 30px !important;
	}
	
	.project-content .row .col-md-4:last-child {
		margin-bottom: 0 !important;
	}
	
	.distributor-card {
		margin-bottom: 0 !important;
	}
}

@media (max-width: 768px) {
	.project-content .row .col-md-4 {
		margin-bottom: 25px !important;
	}
	
	.project-content .row .col-md-4:last-child {
		margin-bottom: 0 !important;
	}
	
	.distributor-card {
		margin-bottom: 0 !important;
	}
}

@media (max-width: 480px) {
	.project-content .row .col-md-4 {
		margin-bottom: 20px !important;
	}
	
	.project-content .row .col-md-4:last-child {
		margin-bottom: 0 !important;
	}
	
	.distributor-card {
		margin-bottom: 0 !important;
	}
}