/* XL Device :1200px */
@media (min-width: 1200px) and (max-width: 1500px) {
}

/* LG Device :992px */
@media (min-width: 992px) and (max-width: 1200px) {
}

/* MD Device :768px */
@media (min-width: 768px) and (max-width: 991px) {
}

@media (max-width: 1440px) {
	.funfact-section .section-object {
		right: 15px;
	}

	.divider-gap {
		padding: 14% 16% 12% 12%;
	}
}

@media (max-width: 1200px) {
	.f-left-none {
		float: none;
	}
}

@media (max-width: 1024px) {
	.funfact-section .section-object {
		display: none;
	}

	.text-divider {
		padding: 70px 60px;
	}

	.text-divider {
		margin-top: -125px;
	}

	.mrt-misus-145 {
		margin-top: -65px;
	}

	.divider-gap {
		padding: 10% 5% 9% 5%;
	}

	.project-item .project-overlay .project-title {
		font-size: 18px;
	}

	.project-item .project-overlay i:before {
		font-size: 32px;
	}

	.project-item .project-overlay {
		padding: 20px 5px 20px 15px;
	}

		.project-item .project-overlay i.arrow:before {
			display: none;
		}

	.mrb-lg-20 {
		margin-bottom: 20px;
	}

	.mrb-lg-30 {
		margin-bottom: 30px;
	}

	.mrb-lg-40 {
		margin-bottom: 40px;
	}

	.mrb-lg-50 {
		margin-bottom: 50px;
	}

	.mrb-lg-60 {
		margin-bottom: 60px;
	}

	.mrb-lg-90 {
		margin-bottom: 90px;
	}

	.pdt-lg-105 {
		padding-top: 105px;
	}

	.pdb-lg-45 {
		padding-bottom: 45px;
	}

	.pdb-lg-55 {
		padding-bottom: 55px;
	}

	.pdb-lg-75 {
		padding-bottom: 75px;
	}

	.pdb-lg-80 {
		padding-bottom: 80px;
	}

	.pdb-lg-90 {
		padding-bottom: 90px;
	}

	.pdb-lg-100 {
		padding-bottom: 100px;
	}
}

@media (max-width: 991px) {
	/* ========================================================
	   1. KAPSAYICI MARGIN SIFIRLAMASI
	   ======================================================== */
	/* Kenarlardaki boşlukları sıfırlayarak mobil ekrana tam oturtur */
	.header-middle .row.ml-5.mr-5,
	.header-navigation-area .row.ml-5.mr-5 {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* ========================================================
	   2. GRİ ALAN (NAVBAR) FLEX HİZALAMASI
	   ======================================================== */
	.header-style-two .header-wrapper .header-middle .navbar {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: space-between !important; /* Logoyu sola, butonu sağa atar */
		align-items: center !important;
		width: 100%;
		padding: 10px 15px !important;
	}

	/* ========================================================
	   3. LOGO DÜZENLEMESİ
	   ======================================================== */
	.header-style-two .navbar-brand.logo {
		display: flex;
		align-items: center;
		margin: 0 !important;
		padding: 0 !important;
	}

		/* Orijinaldeki "position: absolute" ve "-42%" margin'i eziyoruz */
		.header-style-two .navbar-brand.logo img {
			position: static !important;
			margin: 0 !important;
			height: 60px !important;
			max-width: 250px;
			object-fit: contain;
		}

	/* ========================================================
	   4. MENÜ BUTONUNU DÜZELTME (Mavi Çerçeve ve 3 Çizgi)
	   ======================================================== */
	/* Butonun çercevesi ve konumu */
	.header-style-two .navbar-toggler {
		display: block !important;
		background-color: transparent !important;
		border: 2px solid #1B2869 !important;
		border-radius: 4px;
		padding: 8px 10px !important;
		margin: 0 !important;
		cursor: pointer;
	}

	/* İçi boş kalmasın diye CSS ile 3 mavi çizgi oluşturuyoruz */
	.header-style-two .navbar-toggler-icon {
		display: block !important;
		width: 24px !important;
		height: 3px !important;
		background-color: #1B2869 !important;
		position: relative;
		background-image: none !important;
		filter: none !important;
		margin: 6px 0;
	}

		.header-style-two .navbar-toggler-icon::before,
		.header-style-two .navbar-toggler-icon::after {
			content: '';
			position: absolute;
			left: 0;
			width: 24px;
			height: 3px;
			background-color: #1B2869;
		}

		.header-style-two .navbar-toggler-icon::before {
			top: -7px;
		}

		.header-style-two .navbar-toggler-icon::after {
			top: 7px;
		}

	/* ========================================================
	   5. AÇILIR MENÜ KAPSAYICISI (Mavi Kutunun İçi)
	   ======================================================== */
	.header-style-two #mainMenuCollapse {
		flex-basis: 100%;
		width: 100%;
		background-color: #0c2239;
		margin-top: 15px;
		padding: 15px;
		border-radius: 5px;
	}
	.mean-container a.meanmenu-reveal {
		border: 1px solid #1B2869;
		color: #1B2869;
		margin-top: -10px;
	}
	/* ========================================================
	   6. ORİJİNAL AYARLARINIZ (Dokunulmadı - Diğer menüler bozulmaz)
	   ======================================================== */
	.header-wrapper .header-navigation-area {
		padding: 10px 0;
	}

	.language-select-box {
		text-align: center;
		float: none;
	}

	.header-top-social-area {
		float: initial;
		text-align: center;
	}

	.header-middle .topbar-info-area a {
		font-size: 15px;
	}

	.header-style-one .mean-container a.meanmenu-reveal {
		margin-top: -40px;
	}

	.header-style-one .header-wrapper .header-navigation-area {
		padding: 30px 0 15px;
	}

	.header-style-one .header-wrapper .header-top .header-info-area {
		text-align: center;
	}

	.header-style-one .header-wrapper .header-top .header-top-social-area ul {
		text-align: unset;
	}

	.header-style-two .header-wrapper .header-top .header-info-area {
		text-align: center;
	}

	.header-style-two .header-wrapper .header-top .header-top-social-area ul {
		text-align: unset;
	}

	.header-searchbox-style-two .toggle-searchbox.show {
		top: 148%;
	}

	.header-searchbox-style-two .show-searchbox a {
		margin: 10px 0 0px;
	}

	.about-section .image-link {
		margin-bottom: 45px;
	}

	.service-section-title-area {
		padding: 90px 0 240px;
		margin: 0;
		margin-top: -180px;
	}

	.gmap_canvas {
		height: 370px;
	}

	.popup-video-block {
		min-height: 445px;
	}

	.mrb-md-20 {
		margin-bottom: 20px;
	}

	.mrb-md-30 {
		margin-bottom: 30px;
	}

	.mrb-md-40 {
		margin-bottom: 40px;
	}

	.mrb-md-50 {
		margin-bottom: 50px;
	}

	.mrb-md-60 {
		margin-bottom: 60px;
	}

	.mrb-md-70 {
		margin-bottom: 70px;
	}

	.divider-gap {
		padding: 13% 5% 11% 5%;
	}
}

@media (max-width: 767px) {
	.error-inner .error-title {
		font-size: 110px;
		line-height: 120px;
	}

	.error-inner .error-text {
		font-size: 22px;
		color: #fff;
		margin-bottom: 10px;
	}

	.mrb-md-15 {
		margin-bottom: 15px;
	}

	.mrb-md-20 {
		margin-bottom: 20px;
	}

	.mrb-md-30 {
		margin-bottom: 30px;
	}

	.mrb-md-40 {
		margin-bottom: 40px;
	}

	.mrb-md-50 {
		margin-bottom: 50px;
	}

	.mrb-md-60 {
		margin-bottom: 60px;
	}

	.preloader-wrapper {
		left: 40%;
	}
}

@media (max-width: 768px) {
	.minus-margin-top {
		margin-top: 110px;
	}

	.mrb-md-15 {
		margin-bottom: 15px;
	}

	.mrb-md-20 {
		margin-bottom: 20px;
	}

	.mrb-md-30 {
		margin-bottom: 30px;
	}

	.mrb-md-40 {
		margin-bottom: 40px;
	}

	.mrb-md-50 {
		margin-bottom: 50px;
	}

	.mrb-md-60 {
		margin-bottom: 60px;
	}

	.mrb-md-110 {
		margin-bottom: 110px;
	}

	.mrt-md-15 {
		margin-top: 15px;
	}

	.mrt-md-20 {
		margin-top: 20px;
	}

	.mrt-md-30 {
		margin-top: 30px;
	}

	.mrt-md-40 {
		margin-top: 40px;
	}

	.mrt-md-50 {
		margin-top: 50px;
	}

	.mrt-md-60 {
		margin-top: 60px;
	}

	.pdl-md-15 {
		padding-left: 15px;
	}

	.pdr-md-15 {
		padding-right: 15px;
	}

	.pdb-md-0 {
		padding-bottom: 0;
	}

	.pdb-md-15 {
		padding-bottom: 15px;
	}

	.pdb-md-25 {
		padding-bottom: 25px;
	}

	.pdb-md-45 {
		padding-bottom: 45px;
	}

	.pdb-md-80 {
		padding-bottom: 80px;
	}

	.pdb-md-90 {
		padding-bottom: 90px;
	}

	.pdb-md-100 {
		padding-bottom: 100px;
	}

	.pdb-md-110 {
		padding-bottom: 110px;
	}

	.pdb-md-83 {
		padding-bottom: 83px;
	}
}

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

@media (max-width: 576px) {
	.navbar-brand {
		margin: 0 auto;
	}
}

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

@media (max-width: 425px) {
	.call-to-action {
		margin-top: -50px;
	}

	.cta-bg {
		padding: 40px 40px 50px;
	}

	.cta-contact-number {
		font-size: 24px;
	}

	h2 {
		font-size: 38px;
		line-height: 46px;
	}

	.font-54 {
		font-size: 36px;
		line-height: 48px;
	}

	.text-divider .large-text {
		font-size: 36px;
		line-height: 1.3;
	}

	.preloader-wrapper {
		left: 36%;
		top: 42%;
	}

	.icon-box-two .icon {
		float: none;
	}

	.icon-box-two .icon-details {
		margin-left: 0;
		margin-top: 15px;
	}

	.about-icon {
		display: inline-block;
		margin-top: 35px;
		margin-bottom: 60px;
	}

	.about-contact-btn:after {
		visibility: hidden;
	}

	.blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-author-thumb {
		float: none;
		display: inline-block;
	}

	.blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content {
		margin-left: 0;
		margin-top: 30px;
	}

	.blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .children {
		margin-left: 30px;
	}

	.blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .comment-text {
		margin-bottom: 25px;
	}

	.blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .reply {
		position: unset;
		margin-bottom: 50px;
	}

	.divider-gap {
		padding: 23% 4% 20% 4%;
	}

	.mrb-sm-15 {
		margin-bottom: 15px;
	}

	.mrb-sm-20 {
		margin-bottom: 20px;
	}

	.mrb-sm-30 {
		margin-bottom: 30px;
	}

	.mrb-sm-40 {
		margin-bottom: 40px;
	}

	.mrb-sm-50 {
		margin-bottom: 50px;
	}

	.mrb-sm-60 {
		margin-bottom: 60px;
	}

	.mrb-sm-90 {
		margin-bottom: 90px;
	}

	.mrb-sm-110 {
		margin-bottom: 110px;
	}

	.pdr-sm-15 {
		padding-right: 15px;
	}

	.pdl-sm-15 {
		padding-left: 15px;
	}

	.pdb-sm-40 {
		padding-bottom: 40px;
	}

	.pdb-sm-80 {
		padding-bottom: 80px;
	}

	.pdb-sm-90 {
		padding-bottom: 90px;
	}

	.pdb-sm-100 {
		padding-bottom: 100px;
	}

	.f-left-sm-none {
		float: none;
	}
}

@media (max-width: 375px) {
	.preloader-wrapper {
		left: 36%;
		top: 42%;
	}

	.call-to-action {
		margin-top: -65px;
	}
}

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

@media (max-width: 320px) {
	.about-image .experience {
		padding: 40px 25px;
		max-width: 210px;
	}

		.about-image .experience h2 {
			font-size: 72px;
			line-height: 32px;
		}

			.about-image .experience h2 span {
				font-size: 24px;
				line-height: 32px;
			}
}

.tp-rightarrow {
	float: left;
	width: 48px;
	height: 48px;
	font-size: 14px;
	text-align: center;
	line-height: 48px;
	color: #fff;
	position: absolute;
	background: url(../images/righthover_blue.png) no-repeat center;
	z-index: 80;
	cursor: pointer;
	top: 45%;
	margin-top: -24px;
	-webkit-transition: all linear .2s;
	-moz-transition: all linear .2s;
	-o-transition: all linear .2s;
	-ms-transition: all linear .2s;
	transition: all linear .2s;
	right: 2%;
	opacity: 0.6;
}

.tp-leftarrow {
	float: left;
	width: 48px;
	height: 48px;
	font-size: 14px;
	text-align: center;
	line-height: 48px;
	color: #fff;
	position: absolute;
	background: url(../images/lefthover_blue.png) no-repeat center;
	z-index: 80;
	cursor: pointer;
	top: 45%;
	margin-top: -24px;
	-webkit-transition: all linear .2s;
	-moz-transition: all linear .2s;
	-o-transition: all linear .2s;
	-ms-transition: all linear .2s;
	transition: all linear .2s;
	left: 2%;
	opacity: 0.6;
}