@media (max-width: 1585px) {


}
@media (max-width: 1360px) {


}
@media (max-width: 960px) {

	main {
		width:100vw;
	}
	body {
		padding-top:65px;
	}
	.container-fluid {
		max-width:calc(100vw - 0px);	
	}	
	#header {
		display:none;
	}
	#mobilheader {
		display:flex;
	}
	#mobilmenu {
		display:block;
	}


	/*------------------slider----------------------*/

	#slider .item .anaresim {
		width:100%;
		max-height:100vh;
		object-fit:contain;
	}
	#slider .item .bilgi .yazi1 {
		font-weight: 400;
		font-size: 30px;
		line-height: 40px;
		color: rgba(0, 84, 156, 1);
		margin-bottom:22px;
	}
	#slider .item .bilgi .yazi2 {
		font-weight: 600;
		font-size: 30px;
		line-height: 40px;
		color: rgba(0, 84, 156, 1);
	}
	#slider .slider-button-prev ,
	#slider .slider-button-next 
	{
		display:none;
	}
}

/* ==========================================================================
   RESPONSIVE STYLES (TABLET VE MOBİL UYUM)
   ========================================================================== */

/* ---------------------------------------------------
   TABLET GÖRÜNÜMÜ (991px ve altı ekranlar)
--------------------------------------------------- */
@media (max-width: 991px) {
    
    /* Hakkımızda Bölümü */
    #hakkimizda { padding: 120px 0; }
    #hakkimizda .hk-title { font-size: 24px; }
    #hakkimizda .hk-stat-num { font-size: 26px; }
    #hakkimizda .hk-stat-label { font-size: 11px; }
    #hakkimizda .hk-badges-wrapper { flex-wrap: wrap; gap: 20px; }
    
    /* Tedaviler Bölümü */
    #tedaviler { padding: 80px 0; }
    
    /* Ekibimiz Bölümü */
    #ekibimiz { padding: 80px 0; }
    #ekibimiz .ek-main-title { font-size: 38px; }
    #ekibimiz .ek-img-wrapper { flex: 0 0 50%; max-width: 50%; }
    
    /* Klinik Görseli */
    #klinikresim { padding: 60px 0; }
    
    /* İşlemler Bölümü */
    #islemler { padding: 80px 0; }
    #islemler .is-title { font-size: 32px; }
    #islemler .is-card-title { font-size: 46px; }
    #islemler .is-img-wrapper img { aspect-ratio: 16 / 9; }
    #islemler .is-card-nav { gap: 20px; padding: 15px 20px; }
    #islemler .is-card-nav-ust { padding: 0 20px; }
    
    /* Adımlar Bölümü */
    #adimlar { padding: 60px 0; }
    #adimlar .ad-item { margin-bottom: 30px; }
    #adimlar .ad-icon { font-size: 45px; margin-bottom: 15px; }
    
    /* Gündem & Haberler (Blog) */
    #blog { padding: 80px 0; }
    #blog .blog-main-title { font-size: 38px; }
    
    /* Widget 2 (CTA) */
    #widget2 { padding: 60px 0; }
    #widget2 .w2-title { font-size: 28px; }
    #widget2 .w2-box { padding: 50px 20px; }
    
    /* Estetik Rehberi */
    #rehber { padding: 80px 0; }
    #rehber .rh-main-title { font-size: 38px; }
    #rehber .rh-card-big { min-height: 400px; }
    
    /* İletişim Bölümü */
    #iletisim { padding-top: 80px; }
    #iletisim .il-main-title { font-size: 42px; text-align: center; }
    #iletisim .il-desc { margin: 0 auto; text-align: center; }
    
    /* Footer */
    #footer { padding: 60px 0 30px 0; }
    /* Tablette sağ kolonlardaki yazıları sola yaslıyoruz */
    #footer .text-lg-end { text-align: left !important; }
    #footer .ft-middle-logo { margin: 30px 0; text-align: center; }
}

/* ---------------------------------------------------
   MOBİL GÖRÜNÜM (767px ve altı ekranlar)
--------------------------------------------------- */
@media (max-width: 767px) {
    
    /* Hakkımızda Bölümü */
    #hakkimizda { padding: 80px 0; }
    #hakkimizda .hk-title { font-size: 20px; }
    #hakkimizda .hk-img-title { max-height: 50px; }
    #hakkimizda .hk-stat-divider { width: 60px; height: 1px; }
    #hakkimizda .hk-badges-wrapper { gap: 15px; margin-top: 10px; }
    #hakkimizda .hk-badge { font-size: 11px; }
    
    /* Tedaviler Bölümü */
    #tedaviler { padding: 60px 0; }
    #tedaviler .td-icon-box { width: 65px; height: 65px; margin-bottom: 20px; }
    #tedaviler .td-icon-box i { font-size: 32px; }
    #tedaviler .td-title { font-size: 16px; }
    #tedaviler .td-item { margin-bottom: 30px; }
    
    /* Ekibimiz Bölümü */
    #ekibimiz { padding: 60px 0; }
    #ekibimiz .ek-main-title { font-size: 32px; }
    #ekibimiz .ek-desc { text-align: left; }
    #ekibimiz .ek-more-link { padding-bottom: 0; margin-bottom: 20px; }
    /* Kartları alt alta al */
    #ekibimiz .ek-card { flex-direction: column; align-items: flex-start; gap: 15px; }
    #ekibimiz .ek-img-wrapper { flex: 0 0 100%; max-width: 100%; }
    #ekibimiz .ek-info { padding-bottom: 0; }
    
    /* Klinik Görseli */
    #klinikresim { padding: 40px 0; }
    
    /* İşlemler Bölümü */
    #islemler { padding: 60px 0; }
    #islemler .is-header { flex-direction: column; align-items: center; text-align: center; gap: 15px; }
    #islemler .is-line { display: none; }
    #islemler .is-desc { text-align: center; max-width: 100%; }
    #islemler .is-card-title { font-size: 28px; }
    #islemler .is-img-wrapper img { aspect-ratio: 4 / 3; }
    #islemler .is-card-nav { gap: 10px 20px; padding: 12px; }
    
    /* Adımlar Bölümü */
    #adimlar { padding: 50px 0; }
    #adimlar .ad-icon { font-size: 40px; }
    #adimlar .ad-text { font-size: 12px; }
    #adimlar .ad-item { margin-bottom: 20px; padding: 0; }
    
    /* Gündem & Haberler (Blog) */
    #blog { padding: 60px 0; }
    #blog .blog-main-title { font-size: 32px; }
    #blog .blog-desc { text-align: left; max-width: 100%; }
    #blog .blog-title { font-size: 15px; }
    #blog .blog-excerpt { font-size: 11px; }
    
    /* Widget 2 (CTA) */
    #widget2 { padding: 50px 0; }
    #widget2 .w2-title { font-size: 22px; }
    #widget2 .w2-subtitle { font-size: 13px; margin-bottom: 25px; }
    /* Butonları alt alta al ve tam genişlik yap */
    #widget2 .w2-buttons { flex-direction: column; gap: 15px; }
    #widget2 .w2-btn { width: 100%; }
    
    /* Estetik Rehberi */
    #rehber { padding: 60px 0; }
    #rehber .rh-main-title { font-size: 32px; }
    #rehber .rh-desc { text-align: left; max-width: 100%; }
    #rehber .rh-card-big { min-height: 300px; border-radius: 8px; }
    #rehber .rh-big-overlay { padding: 30px 20px 20px 20px; }
    #rehber .rh-big-title { font-size: 18px; }
    #rehber .rh-small-img-wrapper { border-radius: 8px; }
    #rehber .rh-small-img-wrapper img { aspect-ratio: 4 / 3; }
    
    /* İletişim Bölümü */
    #iletisim { padding-top: 60px; }
    #iletisim .il-main-title { font-size: 34px; text-align: center; }
    #iletisim .il-map-wrapper iframe { height: 300px; }
    
    /* Footer */
    #footer { padding: 50px 0 30px 0; }
    #footer .ft-bottom-links { justify-content: flex-start; flex-wrap: wrap; gap: 15px; margin-top: 15px; }
    #footer .ft-middle-logo img { max-height: 80px; }
    #footer .text-md-end { text-align: left !important; }
    #footer .ft-copy-text { text-align: left; }
}