@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: var(--color-4);
		box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.2);
		padding: 10px 0;
	}

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

	}

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

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

	.proje-content {
		margin-top: -80px;
		position: relative;
		z-index: 1;
	}

	.proje-content .hakkimizda {
		padding: 60px;
	}
}

@media only screen and (min-width: 992px) {
	.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;
	}

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

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

	.kariyerPage .photo img {
		opacity: 0;
	}
}

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

}

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


}

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

	.site-navbar {
		margin: 0;
	}

	.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: 10px 0;
		margin: 0px 12px;
	}

	.boxes-wrapper {
		margin-top: -280px;
	}

	.boxes-wrapper .box-item .title {
		font-size: 16px;
	}
}

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

	.boxes-wrapper {
		margin-top: -260px;
	}
	.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;
	}
}

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

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

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

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


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

	section.kurumsal .description {
		padding: 80px 25px 130px 25px;
	}

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

	.boxes-wrapper {
		margin-top: -250px;
	}
}

@media only screen and (max-width: 991px) {
	.site-navbar {
		padding: 0;
	}

	.site-navigation .langMenu,
	.header-top-row .header-top-menu {
		display: none;
	}

	.header-top-row .langMenu {
		display: block;

	}

	.header-top-row {

		line-height: 56px;
	}

	.header-top-row .langMenu .btn {
		justify-content: center;
		width: 40px;
		height: 40px;
	}

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

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


}

@media only screen and (max-width: 767px) {
	.langMenu,
	.menu-btn {
	}

	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: 30px !important;
	}

	section.projeler .projeItem .content .title {
		font-size: 18px;
	}

	section.haberler .haber-box {
		margin-bottom: 30px;
	}

	section.haberler .haber-box .default-box .content-inner {
		min-width: 280px;
	}

	section.haberler .haber-box .title {
		font-size: 18px;
	}

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

	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;
		background-color: transparent;
	}


	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: 5px 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;
	}

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

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

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


	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.hizmetler .hizmet-box .default-box.img-bg {
		flex-direction: column !important;
	}

	section.hizmetler .hizmet-box .default-box.img-bg .image,
	section.hizmetler .hizmet-box .default-box.img-bg .content-inner {
		width: 100% !important;
	}

	section.hizmetler .hizmet-box .default-box.img-bg .image {
		max-height: 220px !important;
		overflow: hidden;
		margin-bottom: 30px !important;
	}

	.boxes-wrapper {
		display: none;
	}

	section.haberler .haber-box.style-2 .default-box .image {
		width: 100%;
	}

	section.haberler .haber-box.style-2 .default-box {
		flex-direction: column;
	}
}

@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) {
}