@media only screen and (min-width: 320px) {
}

@media only screen and (min-width: 480px) {
}

@media only screen and (min-width: 768px) {
	.outer-menu {
		display: none;
	}

	.iletisim_page header {
		background: rgb(0 19 54 / 60%);
		box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2);
	}

	header.stick-fixed {
		position: fixed !important;
		top: 0;
		left: 0;
		background: rgb(0 19 54 / 60%);
		box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2);
		animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
		-webkit-transition: all .5s;
		transition: all .5s;
	}

	header.stick-fixed .navbar-brand {
		max-width: 117px;
	}

	header.stick-fixed .navbar-collapse {
		box-shadow: unset;
	}

	header.stick-fixed .logo {
		opacity: 1;
	}

	section.hizmetlerimiz .content {
		max-width: 490px;
		padding-left: 70px;
	}


}

@media only screen and (min-width: 992px) {
	.dropdown{
		display: none !important;
	}
	.content-top-menu .dropdown{
		display: block !important;
	}
	.megamenu .dropdown {
		display: none;
	}

	.megamenu {
	}

	.megamenu .dropdown-menu {
		background: none;
		border: none;
		width: 100%;
		border-radius: 0;
		padding: 0;
		top: 100%;
		left: 50%;
		max-width: 970px;
		-webkit-transform: translate(-50%, 0) !important;
		-ms-transform: translate(-50%, 0) !important;
		transform: translate(-50%, 0) !important;
		ms-transform: translate(-50%, 0) !important;
	}

	.megamenu .dropdown-menu .container {
		max-width: 100%;
	}

	.megamenu:hover .dropdown-menu {
		display: block;
		color: #fff;
		margin: 0;
	}

	.megamenu .dropdown-menu .container .col-lg-4 {
		background-color: var(--color-4);
		padding: 30px 30px;
	}

	.megamenu:hover .dropdown-menu a {
		color: #fff;
	}

	.megamenu .dropdown-menu .container .col-lg-4 + .col-lg-4 {
		background-color: #00527b;
	}

	.megamenu .dropdown-menu a:hover {

	}

	.megamenu .dropdown-menu h6 {

		margin-bottom: 10px;
		border-bottom: 1px solid #80c2e3;
		padding-bottom: 5px;
		font-size: 18px;
		font-weight: 600;
	}

	.sticky {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1000; /* Diğer içeriklerin üzerinde olmasını sağlar */
		left: 0;
		/* height: 60px !important; */
	}
}

@media only screen and (min-width: 1300px) {

}

@media only screen and (min-width: 1680px) {
	body {
	}

}

@media only screen and (max-width: 1300px) {
	.tum-hizmetler .sub-title,
	.hizmetItem .content .inner .title {
		font-size: 18px;
		line-height: 23px;
	}

	.site-navbar {
	}

	.menu-btn a span {
		font-weight: 600;
		font-size: 11px;
	}

	.menu-btn a i {
		width: 24px;
		height: 24px;
		line-height: 24px;
		font-size: 14px;
		margin-right: 5px;
	}

	.site-navbar-wrap.v2 .site-navbar .site-navigation .site-menu > li > a {
		padding: 34px 0px;
		margin: 0 30px;
	}

	header .btn {
		font-size: 13px;
	}

	.site-navbar .site-navigation .site-menu .has-children .dropdown.megamenu {
		min-width: 40rem;
	}

	.site-navbar .site-navigation .site-menu .has-children .dropdown a {
		font-size: 16px;
	}

	section.musteriler .yorumlar .owl-carousel {
		max-width: 100%;
	}
}

@media only screen and (max-width: 1150px) {
	.site-navbar-wrap.v2 .site-navbar .site-navigation .site-menu > li > a {
		padding: 34px 0px;
		margin: 0 25px;
	}

	.site-navbar .site-navigation .site-menu > li {
	}

	header .btn {
		font-size: 12px;
	}
}

@media only screen and (max-width: 1199px) {


	.haberItem .content .btn {
		position: relative;
		left: 0;
		margin-top: 15px;
	}

	.kategori-item .photo .title .desc {
		display: none;
	}


}

@media only screen and (max-width: 991px) {
	header .btn {
		display: none;
	}

	.site-navbar {
		padding: 0;
	}

	.sm-right {
		text-align: right !important;
		float: right;
	}


	.affix {
		position: static;
	}

	.h1, h1 {
		font-size: 32px;
	}

	.kurumsal .heading-title {
		margin-top: 30px;
	}

	.headerContact {
		text-align: left;
	}

	header .btn {
		line-height: 40px;
		padding-right: 15px;
		padding-left: 15px;
	}

	section.hizmetlerimiz {
		height: auto;
	}

	section.hizmetlerimiz .swiper {
		display: none;
	}

	section.hizmetlerimiz .hizmetler-mobile {
		display: block !important;
	}

	section.hizmetlerimiz a.explore {
		width: 150px;
		height: 150px;
		top: -15px;
	}

	section.hizmetlerimiz .hizmetler-mobile h3 {
		color: #fff;
		font-size: 24px;
	}

	.site-mobile-menu .site-nav-wrap > li > ul > li > a h3 {
		color: #fff;
		font-size: 15px;
		font-weight: 400;
	}

	.social {
		display: flex;
		justify-content: center;
	}

	.kategori-header .content {
		max-width: 100%;
		padding: 40px 0;
	}

	section.neden-biz,
	section.kalite {
		background-position: top right;
		background: unset;
	}

	section.neden-biz .heading-title,
	section.kalite .heading-title {
		margin-top: 40px;
	}

	section.widgets .widget-item .photo {
		margin-bottom: 30px;
		min-height: 186px;
	}

	section.musteriler .yorumlar {
		margin: 0;
		height: unset;
		padding: 60px;
	}

	.header-nav__dropdown {
		display: none !important;
	}

	.site-navbar .site-navigation .site-menu .has-children {
		position: relative;
	}

}

@media only screen and (max-width: 767px) {
	.top-bar ul.list-inline {
		display: flex;
	}
	.content-top-menu{
		margin-top:0;
	}
	.content-top-menu > ul{
		flex-direction: column;
		height: auto;
	}
	section.frontpage-projeler,
	.top-bar {
		padding: 0 15px;
	}

	section.frontpage-projeler {
		padding: 40px 15px;
	}

	.langMenu,
	.menu-btn {
	}

	header.stick-fixed {
		position: fixed !important;
		top: 0;
		left: 0;
		background: #242e36;
		box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2);
	}

	.h1, h1 {
		font-size: 22px;
	}

	.h3, h3 {
		font-size: 16px;
	}

	section.projects .projeItem .content {
		font-size: 20px;
		padding: 15px;
		line-height: 22px;
	}

	footer,
	.copyright {
		overflow: hidden;
	}

	footer .social {
		margin: 15px 0 !important;

	}

	footer ul.m-r-30 {
		margin-right: 0 !important;
	}

	.copyright img,
	footer img {
		/* margin: 0 auto 15px; */
	}

	.copyright .pull-right,
	footer .pull-right {
		float: none !important;
	}

	.projePage .projeItem .content {
		font-size: 16px;
	}

	.projePage .projeItem .content .read-more {
		font-size: 16px;
		margin-top: 5px;
	}

	.navbar-header {
		position: relative;
	}

	section.kurumsal {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
		margin-top: 0;
	}

	section.widgets {
		padding-bottom: 0 !important;
		margin-bottom: 0;
	}


	.mobileContacts {
		display: block !important;
		position: fixed;
		top: auto;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		max-width: 100%;
		z-index: 1000200;
		box-shadow: 0 0 1px 1px #e2dfe2;
	}

	.mobileContacts a {
		width: calc(100% / 3);
		border: 0;
		padding: 0;
		position: relative;
		display: block;
		margin: 0;
		outline-offset: -1px;
		text-align: center;
		float: left;
		transition: width .15s ease-in-out;
		overflow: hidden;
		background: #e8e8e8;
		z-index: 100030;
		cursor: pointer;
	}

	.mobileContacts a i {
		font-size: 30px;
		color: #fff;
		display: block;
		padding: 8px 0;
		cursor: pointer;
	}

	.mobileContacts a.wa {
		background-color: rgb(77, 194, 71);
	}

	.mobileContacts a.tel {
		background-color: rgb(132, 132, 132);
	}

	.mobileContacts a.mail {
		background-color: rgb(29, 161, 242);
	}

	header .top-bar {
		border-bottom: 1px solid #50576e;
	}

	.popin.generalAnnounce {
		right: 15px;
		width: unset;
		bottom: 65px;
	}


	.navbar {
		min-height: 60px;
	}

	.clients-grid.grid-4 li {
		width: 50%;
	}


	.site-navbar-wrap.v2 {
		padding: 0;
	}

	.nav-tabs > li > a.nav-link {
		font-size: 30px;
		line-height: 30px;
	}

	section.projects .projeItem > .photo > .title {
		top: 0;
		line-height: 28px;
	}

	section.projects .projeItem > .photo > .title,
	section.projects .projeItem .content .title {
		font-size: 25px;
	}

	section.widgets .ourNumbers .numberItem .number h3 {
		font-size: 60px;
	}

	.heading-title,
	section.kurumsal .hakkimizda h2 {
		font-size: 30px;
	}

	.header {
		position: relative;
		background: var(--color-2);
	}

	.slogan {
		font-size: 20px;
		color: #262425;
		line-height: 28px;
	}

	.btnWithIcon {
		width: 100%;
	}

	section.projects .projeItem .title {
		position: relative;
		left: 0;
		right: 0;

	}

	section.widgets .widgetItem {
		text-align: left;
		margin-bottom: 30px;
	}

	section.widgets .widgetItem .icon {
		margin-bottom: 30px;
	}

	.hizmetItem .content {
		padding: 80px 15px;
	}

	.site-navbar {
		margin-top: 0;
		padding: 0;
	}

	.site-navbar-wrap .navbar-brand {

		max-width: 170px;

	}

	.header-top-section {
		border-bottom: 1px solid #efefef !important;
	}

	.header-top-section .langMenu,
	.header-top-section {
		display: block !important;
		border: 0;
	}

	footer .text-right {
		text-align: center !important;
	}

	.copyright a {
		margin: 15px 0;
		display: block;
	}

	.breadcrumbInner h1 {
		font-size: 32px;
	}

	.breadcrumbInner {
		/* padding-top: 20em; */
		/* padding-bottom: 0; */
	}

	.breadcrumbWrapper {
		/* height: 400px; */
	}

	#owl-main {
		padding: 0;
		text-align: center;
	}

	.list-group-horizontal {
		display: block;
	}

	.list-group-horizontal > .list-group-item {
		margin-bottom: 10px;
		margin-left: 0;
	}

	footer h6::before {
		left: calc(50% - 12px);
	}

	.cozum-item {
		flex-direction: column;
	}

	.cozum-item .content,
	.cozum-item .photo {
		width: 100%;
	}

	section.frontpage-urunler {
		padding-top: 60px;
	}

	.white-bg .inner {
		padding: 30px 15px;
	}

	section.musteriler .yorumlar {
		padding: 60px 30px;
	}

	section.musteriler .yorum-item .yorum-content .description,
	section.musteriler .yorum-item .yorum-content .short {
		font-size: 20px;
		line-height: 24px;
	}

	section.anasayfa-rakamlar .heading h3 {
		font-size: 32px;
	}

	section.frontpage-hizmetler {
		margin-top: 0;
	}
}

@media only screen and (max-width: 479px) {
	footer .list-inline li,
	footer .footerContact li {
		/* display: block; */
	}

	footer .footerContact li i {
		margin-right: 0;
	}

	section.projects .projeItem .content {
		font-size: 20px;
	}

	.copyright {
		padding-bottom: 48px;
	}

	.copyright p {
		font-size: 12px;
	}

	footer li {
		margin-bottom: 5px;
	}

	.contact-i {
		/* width: 70px; */
	}

	.kurumsalContact {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	section.kurumsal h3 {
		font-size: 24px;
	}

	.biziArayin {
		margin-top: 20px;
	}

	.banka-item table,
	.sirket-bilgileri table {
		font-size: 14px;
	}

	.banka-item table tr td:first-child {
		padding-left: 10px;
		width: 50px;
	}

	.sirket-bilgileri {
		padding: 10px;
	}

	.sirket-bilgileri table tr td:first-child {
		vertical-align: top;
	}

	.banka-item table tr:first-child td:last-child {
		display: none;
	}
}

@media only screen and (max-width: 319px) {
}