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

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

@media only screen and (min-width: 768px) {
	.group-span-filestyle{
		padding-left:30px;
	}
	.outer-menu {
		display: none;
	}

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


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

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

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

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

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

	.haberItem.first:hover .content {
	}

	.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: 1200px) {
	.row-cols-lg-7 > * {
		flex: 0 0 auto;
		width: 14.28571428571429%;
	}

	.urun-listing {
		padding-left: 40px;
	}
}

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

}

@media only screen and (min-width: 1800px) {
	section.urunler .defaultOwl {
		position: absolute;
		left: 100px;
		top: 50%;
		-webkit-transform: translateY(-50%) !important;
		-ms-transform: translateY(-50%) !important;
		transform: translateY(-50%) !important;
		ms-transform: translateY(-50%) !important;
		z-index: 9;
	}

	section.urunler .defaultOwl .custom-nav {
		flex-direction: column;
	}

	section.urunler .defaultOwl .custom-nav button.owl-prev {
		margin-bottom: 10px;
	}

}

@media only screen and (max-width: 1450px) {
	section.kurumsal .hakkimizda-img:after {
		height: calc(100% - 180px);
	}
	section.faaliyet-alanlari.small-ui:after {
		max-width:340px;
	}
	.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;
	}

	.container-fluid.maxWidth {
		max-width: 1300px;
	}

	.site-navbar-wrap.v2 .site-navbar .site-navigation .site-menu > li > a {
		font-size: 15px;
		font-weight: 700;
		padding: 30px 13px;
	}
}

@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: 30px 10px;
		font-weight: 700;
	}

	.site-navbar {
	}

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

@media only screen and (max-width: 1199px) {
	section.kurumsal {
		padding-top: 40px;
	}
	section.faaliyet-alanlari.content-page .hakkimizda-img .img-bordered{
		margin-left:-4rem;
	}
	section.faaliyet-alanlari.content-page .img-bordered {
		margin: 40px auto 0;
		display: flex;
		justify-content: center;
	}
	section.faaliyet-alanlari .hakkimizda-img:after
	section.kurumsal .hakkimizda-img:after {
		height: calc(100% + 85px);
	}

	.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;
	}
	.breadcrumbInner .breadcrumb-title{
		padding-left: 1rem;
	}
}

@media only screen and (max-width: 991px) {
	.breadcrumbInner .breadcrumb-title{
		padding-left: 1rem;
	}
	.site-navbar {
		padding: 15px 0;
	}
	.header-top-section{
		display:flex;
	}
	section.faaliyet-alanlari.content-page .hakkimizda,
	section.kurumsal.content-page .hakkimizda {
		padding-top: 100px;
	}

	section.kurumsal .hakkimizda-img:after {
		height: calc(100% + 134px);
		max-width: 90%;
		left: 0;
	}

	.site-navbar .langMenu {
		display: none;
	}

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

	.header-top-row .social {
		display: none;

	}
	.header{
		padding:0;
	}
	.header-top-row .langMenu {
		display: block;
	}

	section.faaliyet-alanlari.content-page {
		padding-top: 30px !important;
	}

	section.faaliyet-alanlari.content-page:after {
		top: 0;
		height: 50%;
		max-height: 520px;
	}

	section.faaliyet-alanlari {
		padding-top: 0;
		margin-top: 30px;
	}

	section.faaliyet-alanlari h3 {
		margin-bottom: 40px;
	}

	section.faaliyet-alanlari:after {
		width: 80%;
		top: 90px;
		height: calc(100% - 80px);
	}
}

@media only screen and (max-width: 767px) {
	.langMenu,
	.menu-btn {
	}
	section.faaliyet-alanlari.content-page .hakkimizda-img .img-bordered{
		margin-left:0;
	}
	section.faaliyet-alanlari .hakkimizda-img:after{
		left:auto;
		right:0;
		max-width:90%;
		-webkit-border-top-left-radius: 100px;
		-webkit-border-bottom-left-radius: 100px;
		-moz-border-radius-topleft: 100px;
		-moz-border-radius-bottomleft: 100px;
		border-top-left-radius: 100px;
		border-bottom-left-radius: 100px;
		height: calc(100% + 40px);
		top: 0;
	}
	footer .phone-no .d-flex{
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	footer .contact-i{
		margin-right:0;
		margin-bottom: 0 !important;
	}
	.header-top-row .header-contacts {
		display: none;

	}

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


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

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

	footer {
		padding: 30px;
	}

	.ekip-item h4 {
		font-size: 18px;
	}

	.haberMansetItem .photo {
		-webkit-border-top-left-radius: 30px;
		-webkit-border-top-right-radius: 30px;
		-webkit-border-bottom-left-radius: 1px;
		-moz-border-radius-topleft: 30px;
		-moz-border-radius-topright: 30px;
		-moz-border-radius-bottomleft: 1px;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		border-bottom-left-radius: 1px;
		margin-bottom: 30px
	}

	.haberMansetItem .title a {
		font-size: 24px;
	}

	.mansetWrapper .owl-theme .owl-nav {
		display: none;
	}

	.mansetWrapper .owl-theme .owl-dots {
		float: none;
		text-align: center;
		margin-bottom: 30px;
	}

	.mansetWrapper .owl-theme .owl-dots .owl-dot span {
		background: #fff;
		border-color: #fff;
		opacity: .6;
	}

	.mansetWrapper .owl-theme .owl-dots .owl-dot.active span {
		opacity: 1;
	}
	section.kurumsal.content-page .hakkimizda-img .img-bordered,
	section.kurumsal .hakkimizda-img .img-bordered {
		margin-right: 0rem;
	}
	.breadcrumbInner .breadcrumb-title {
		padding-top: 200px;
		padding-bottom: 0;
	}
	.breadcrumbInner .breadcrumb-title:after{
		top:auto;
		height: 80px;
		opacity: .7;
	}
	.breadcrumbInner h1{
		font-size: 24px;
	}
	.breadcrumbInner h1 span{
		font-size:20px;
	}
}

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

	.haberItem .content .title {
		font-size: 18px;
		line-height: 1.3;
	}

	.haberItem .content .title .description {
		display: none;
	}

}

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

@media (max-width: 700px){

.heading-title{
	margin-top: -40px !important;
}


section.kurumsal .hakkimizda-img:after{
	max-width: 100% !important;
}

}