@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;
	}

	header.stick-fixed {
		position: fixed !important;
		top: 0;
		left: 0;
		background: #f5f5f5;
		padding: 0;
		border-bottom: 1px solid #efefef;
	}

	header.stick-fixed .header-top-row {
		display: none !important;

	}

	header.stick-fixed .navbar-brand {
		top: 0;
		left: 0;
		width: 120px;
		padding: 10px 0;
	}

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

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

	/*.dropdown:hover .dropdown-menu {*/
	/*display: block;*/
	/*left: 0;*/
	/*right: auto;*/
	/*}*/
	a.vertical-align,
	div.vertical-align {
		display: flex;
		align-items: center;
	}

	.flex-center {
		display: flex;
		align-items: center;
	}

	.teknikOzellikler ul {
		max-width: 45%;
		display: inline-block;
		vertical-align: top;
	}

	.teknikOzellikler ul + ul {
		margin-left: 9%;
	}

	.sector-detail.style-4 .main-content.listing ul {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}
}

@media only screen and (min-width: 992px) {
	.megamenu .dropdown {
		display: none;
	}

	.megamenu {
		position: static !important;
	}

	.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;
	}

	.megamenu .dropdown-menu ul {

	}

	.top-search .input-group-addon {
		background-color: transparent;
		border: none;
		color: #1365a4;
		padding-left: 0;
		padding-right: 0;
	}

	.haberItem.first .content {
		color: #fff;
		padding: 30px;
		background-color: var(--color-1);
	}

	.haberItem.first .date {
		font-size: 16px;
		color: #fff;
		opacity: .7;
	}

	.haberItem.first .title {
		color: #fff;
	}

	.haberItem.first:hover .content {
		background-color: var(--color-2);
	}

	.haberItem.first:hover .date,
	.haberItem.first:hover .title {
		color: #fff;
	}

	.sector-detail.style-1 .main-content {
		left: calc(-60px + -8.33333333%) !important;

		margin: 50px 0;
		position: relative;
		z-index: 9;
	}

	.sector-detail.style-1.references .main-content {
		background: transparent !important;
		padding: 0;
	}

	.sector-detail.style-1.references .main-content > div {
		background: #fff;
		padding: 30px 30px;
	}

	.sector-detail.style-1 .photo {
		background-size: cover !important;
		background-position: 50% 50% !important;
		background-repeat: no-repeat;
	}

	.sector-detail.style-2 .photo {
		margin-top: -200px;
	}

	.sector-detail.style-3 .widget-box {
		min-height: 700px;
		display: flex;
		align-items: flex-end;
	}

	.product-detail .main-content {
		right: calc(-60px + -11%) !important;
		background: #fff;
		padding: 50px 30px;
		margin: 50px 0;
		position: relative;
	}

	.product-detail .photo {
		background-size: cover !important;
		background-position: 50% 50% !important;
		background-repeat: no-repeat;
	}

}

@media only screen and (min-width: 1300px) {
	section.kurumsal .hakkimizda .content {
		max-width: 740px;
		float: right;
		width: 100%;
	}
}

@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1170px;
	}

	section.kurumsal .hakkimizda img {

		position: relative;
	}
}

@media (min-width: 1450px) and (max-width: 1599px) {
	.slide-cover {
		width: 600px;
	}
	.slide-cover img{
		height: auto;
	}
}
@media (min-width: 1200px) and (max-width: 1449px) {
	.slide-cover {
		width: 500px;
	}
	.slide-cover img{
		height: auto;
	}
}
@media only screen and (min-width: 1680px) {


}

@media only screen and (max-width: 1400px) {
	.hero-references .social{
		display: none;
	}
	.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 {
		font-size: 15px;
		font-weight: 500;
		padding: 15px 17px;
	}
}

@media only screen and (max-width: 1300px) {
	section.hizmetler .hizmet-box .default-box {
		flex-direction: column;
	}
}

@media only screen and (max-width: 1150px) {
	.site-navbar-wrap.v2 .site-navbar .site-navigation .site-menu > li > a {
		font-size: 13px;
		padding: 34px 12px;
		font-weight: 600;
	}

	.site-navbar {
	}

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

	section.kurumsal {
		margin-top: 0;
	}
}

@media only screen and (max-width: 1199px) {
	.slide-cover {
		width: 400px;
	}
	.slide-content{
		width: 40%;
	}
	.slide-content .buttons-container{
		margin-top:30px
	}
	.slide-cover img{
		height: auto;
	}

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

	section.kurumsal .description {
	}

	section.kurumsal .photo {
		bottom: -15px;
		right: -15px;
	}

}

@media only screen and (max-width: 991px) {
	.page{
		padding:0 15px;
	}
	.breadcrumbInner{
		padding-top:7em;
	}
	section.projeler .projeler-wrapper{
		padding: 15px;
	}
	.tesis-item{
		padding:0;
	}
	section.kurumsal.content-page.product-detail .content{
		padding:30px;
	}
	.menuNavigation li{
		margin-bottom:15px;
	}
	.breadcrumbInner .category-name,
	.breadcrumbInner h1{
		font-size:18px;
	}
	.breadcrumbInner.heading-big {
		min-height: 400px;
		padding-top: 3em;
		height: auto;
	}
	.hero,
	.hero-references{
		display: none;
	}
	section.urunler .active .urunItem .content{
		padding-bottom:30px;
	}
	.header{
		position:relative;
		top: 0;
		padding: 15px 30px;
	}
	.page-wrapper{
		padding:0;
	}
	.slide-container {
		text-align: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: auto;
		order: 2;
		padding: 30px;
	}
	#slide{
		right: 30px;
		left: 30px;
		width: calc(100% - 60px);
	}
	.slide-wrapper{
		position:relative;
		left:0;
		right:0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: center;
	}
	.slide-content{
		width:100%;
	}
	.slide-cover {
		position: relative;
		right: auto;
		bottom: auto;
		top: auto;
		width: 100%;
		order: 1;
		padding-top: calc(var(--header-height) + 5px);
	}
	.site-navbar {
		padding: 15px 0;
	}
	.header-bottom-row {display: flex;flex-direction: row;align-items: center;justify-content: flex-end;gap: 30px;}
	.site-navbar .site-navigation{
		width:auto;
	}
	section.kurumsal {
		min-height: unset;
	}

	section.hizmetlerimiz .hizmetlerWrapper {
		top: 0;
		margin-bottom: 30px;
		padding: 60px 0;
	}

	section.hizmetlerimiz .hizmetlerWrapper h3 {
		color: #fff;
	}

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

	.onlineMenu,
	.megamenu .dropdown-menu,
	.megamenu:hover .dropdown-menu {
		display: none !important;
	}

	.affix {
		position: static;
	}

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

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

	.headerContact {
		display: none !important;
	}

	section.urunlerimiz:before {
		width: 30px;
	}

	.iletisimPage .tab-pane ul li {
		width: 100%;
	}

	.sector-detail .photo {
		display: block !important;
	}

	.sector-detail .photo .main-photo img {
		opacity: 1 !important;
	}

	section.products .product-item {
		min-height: auto;
	}

	.layout_main section.products.listing .product-item a,
	section.products .product-item .content,
	section.products .product-item .photo {
		position: relative;
		width: 100%;
	}

	.site-navbar .site-navigation a.btn {
		display: none;
	}

	section.stats .widgetItem {
		align-items: flex-start;
	}

	section.stats .widgetItem:hover .content {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}

	section.info-boxes .info-box {
		margin-bottom: 30px;
	}

	section.kurumsal .content {
		padding: 0;
	}

	section.iller ul {
		flex-wrap: wrap;
	}
}

@media only screen and (max-width: 767px) {
	.langMenu,
	.menu-btn {
	}
	section.kurumsal .hakkimizda .hakkimizda-links li a .type2{
		right:0;
	}
	header.stick-fixed {
		position: fixed !important;
		top: 0;
		left: 0;
		background: #fff;
		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 {
		text-align: center;
		padding-bottom: 60px;
	}

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

	}

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

	.copyright img,
	footer img {

	}

	.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;
	}

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


	.mobileContacts {
		display: none !important;
		position: fixed;
		top: auto;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		max-width: 100%;
		z-index: 1000200;
		background: var(--color-2);
	}

	.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 #efefef;
	}

	.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;
	}


	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;
		padding-top: 0;
		padding: 15px 0;
		top: 0;
	}

	.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;
	}

	section.hizmetlerimiz {
		padding: 0;
	}

	.hizmetItem .content {
		padding: 25px 15px;
		font-size: 17px;
	}

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

	.site-navbar-wrap .navbar-brand {
		max-width: 120px;
	}


	section.kurumsal .description .photo {
		bottom: 0;
		right: 0;
	}

	section.referanslar .content {
		top: -60px;
	}

	.contact-informations {
		margin-top: 30px
	}

	.site-navbar .site-navigation a.btn,
	.header-top-row .header-search,
	.header-top-row .social {
		display: none;
	}

	div.breadcrumb:after {
		width: 100%;
	}

	#slider3 {
		height: 320px;
	}

	.thumbelina-but.vert {
		width: 60px;
	}

	.header-top-row .header-contacts li.email {
		display: none;
	}

	section.urunler:before {
		left: -150px;
		top: -40px;
	}

	section.urunler:after {
		right: 0;
		bottom: 0;
		width: 100px;
		background-position: left top;
	}

	.nav-tabs > li > button.nav-link {
		font-size: 11px;
		padding: 10px 5px;
	}

	section.iller h2 {
		font-size: 24px;
	}

	.duyuru-item.with-photo .photo {
		max-width: 120px;
	}

	footer .phone-no .d-flex {
		display: flex !important;
		justify-content: center;
		text-align: center;
	}

	footer .contact-span {
		text-align: center;
	}

	.haberItem .content .date,
	.haberItem .content .title,
	.duyuru-item .title {
		font-size: 16px;
	}
	.kurumsal-tabs-wrapper .d-flex{
		flex-direction: column;
	}
	section.kurumsal-tabs .kurumsal-tabs-wrapper .nav{
		width:100%;
		margin-right: 0;
	}
	section.kurumsal-tabs .kurumsal-tabs-wrapper .nav-pills .nav-link{
		padding-left:0;
	}
	.nav-pills .nav-link:hover,
	.nav-pills .nav-link.active,
	.nav-pills .show > .nav-link {

		border-right: 4px solid #2c3f61;

	}
	.footerContact{
		flex-direction: column;
		display: flex;
	}
	.footerContact li{
		margin-bottom:20px;
	}
	.footerContact li,
	.footerContact li a{
		display:flex;
		align-items: center;
		flex-direction: column;
		text-align: center;
	}
}

@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;
	}


}

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