@charset "UTF-8";
/* CSS Document */

@media only screen and (max-width:1680px) {
	.carteknikin {
		width: 80%;
	}
	.galleryframe{
		margin-top: -1%;
	}
	.corporateSubtextText p {
		width: 60%;
	}
	.patentBox li {
		width: 22.5%;
	}
	.patentBox li {
    	width: 22.5%;
	}
}

@media only screen and (max-width:1440px) {
	.technology h1 {
		font-size: 40px;
	}
	.technology p {
		font-size: 25px;
	}
	.footerBottom {
		max-width: 1350px;
	}
	.carteknikin {
		width: 90%;
	}
	.emailin {
    width: 90%;
	}
	.carsumin {
		width: 80%;
	}
	.galleryframe{
		margin-top: -4%;
	}
	.carboxin {
    	width: 80%;
	}
	.corporateSubtextText p {
		width: 70%;
	}
	.corporateSub1Text h1 {
		font-size: 40px;
	}
	.corporateSub1Text p {
		line-height: 30px;
		padding-bottom: 20px;
		font-size: 22px;
	}
	.patentBox li {
		width: 22%;
	}
	.genissub {
    	width: 90% !important;
    	margin-left: 5%;
	}
	.yuzvh {
    	height: auto !important;
	}
}

@media only screen and (max-width:1369px) {
	.menu1 {
		width: 100%;
	}
	.footerBottom {
		max-width: 100%;
	}
	.carteknikin {
		width: 95%;
	}
	.emailin {
		width: 95%;
	}
	.carsumin {
		width: 90%;
	}
	.galleryframe{
		margin-top: -4%;
	}
	.carboxin {
    	width: 98%;
 }
	.genissub {
		width: 100% !important;
		margin-left: 0%;
	}
	.corporateSub3 {
		padding: 20px 0 0 0;
	}
}
@media only screen and (max-width:1280px) {
	
}

@media only screen and (max-width:1024px) {
	div#home video {
		width: 140%;
	}
	body {
		background: url("../images/hann-zemin-k-1024.png") top center no-repeat;
		background-color: #000;
		background-size: 110%;
	}
	.background-video {
		height: 50vh;
	}
	.white.margin._60 {
		width: 100% !important;
	}
	.containerMenu {
		display: none;
	}
	#navbar {
       padding: 25px 0px 25px;
		margin-bottom: 0px;
	}
	.logo {
		top:0px;
	}
	.logo {
       width: 18%;
	}
	.navbarContainer {
		text-align: center;
		position: relative;
	}
	.mobileMenuIcons {
		display: block;
		position: absolute;
		top: 33px;
		right: 25px;
	}
	.mobileMenuIcons img {
    	width: 34px;
	}
	.backgroundImgPosition {
		width: 47.5%;
	}
	

	.footerNumber {
    	font-size: 29px;
	}
	.lineContent {
   	 	margin-top: 0px;
	}
	.footerLogo {
    	width: 86%;
	}
	.footerCenter div ul li:nth-child(1) {
    	width: 20%;
	}
	.footerCenter div ul li:nth-child(2) {
    	width: 63%;
	}
	.footerCenter div ul li:nth-child(3) {
    	width: 16%;
	}
	.divsFooterContent {
		width: 20%;
	}
	.footerContent {
		margin-bottom: 9px;
		line-height: 18px;
	}
	.divsFooterContent {
		height: 111px;
	}
	.mobilemenuContainer {
    	display: block;
	}	 
	.backgroundImgPosition_ProjeKonsepti {
     	width: 47.5%;
    }
	.w-background-video > video {
		height: 125%;
	}
	.referanslar ul {
		width: 100%;
	}
	.blue sup {
		font-size: 30px !important;
		vertical-align: top;
		line-height: 50px !important;
	}
}

@media only screen and (max-width: 820px) {
	body {
		background-size: 130%;
	}
	.toggle-content {
		min-width: 90%;
	}
	.referanslar ul li {
		width: 24%;
	}
}

@media only screen and (max-width: 768px) {
	body {
		background: url("../images/hann-zemin-k-768.png") top center no-repeat;
		background-size: 100%;
		overflow-x: hidden;
	}
	.anagorsel {
		overflow-x: hidden;
	}
	
	.pc-tab ul li label{
		padding: 10px 10px;
		font-size: 18px;
	}
	table {
		padding: 0px;
	}
	td {
		font-size: 12px;
		line-height: 24px;
	}
	.pc-tab {
		width: 100%;
	}
	.pc-tab section div {
    	padding: 0px;
	}
	.evrytop {
	display: none;
}
	.models h3 {
    font-size: 25px;
    line-height: 35px;
}
	.modelBox li {
    width: 98%;
    margin: 5px;
}
.desktopslide {
	display: none !important;
}
.mobilslide {
	display: block !important;
}	
	.sliderContent {
    left: 2%;
}
	.sliderContent img {
    width: 70px !important;
}
	.modelBoxLogo {
    width: 200px;
	left: 10px;
    top: 10px;
}
	.modelBoxText {
    font-size: 15px;
	bottom: 20px;
		left: 10px;
}
	.modelBoxButtons {
    bottom: 10px;
    right: 10px;
}
	.emailText {
    width: 100%;
	}
	.emailForm {
    width: 100%;
    padding: 30px 0 0 0;
}
	.emailText {
    text-align: center;
}
	.technology img {
    width: 250%;
    margin-left: -60%;
}
	.technology h1 {
    font-size: 30px;
    left: 2%;
    top: 10%;
}
	.technology p {
    font-size: 20px;
    width: 50%;
    top: 50%;
    left: 2%;
}
	.technology {
    overflow: hidden;
}
	.modelBoxButtons a {
    padding: 10px;
}
	.timeline {
		height: auto;
		overflow: hidden;
	}
	.galleryin{
		padding: 0;
	}
	.gallery {
		min-height: auto;
	}
	
	.footerBottom div ul li:nth-child(1) {
    width: 100%;
}
	.footerBottom div ul li:nth-child(2) {
    width: 100%;
    text-align: center;
}
	.footorButtons a {
    display: block;
    padding: 0;
    text-align: center;
}
	.footerCenter div ul li {
    display: block;
}
	.footerCenter div ul li:nth-child(1) {
    width: 100%;
    text-align: center;
}
	.footerCenter div ul li:nth-child(3) {
    width: 100%;
    text-align: center;
}
	.timeline {
	display: none;
}
.timelinemobil{
	display: block;
}
	
	/*.input {
    width: 100px;
    height: 100px;
    margin: 0 50px 100px;
}
	
	.input span {
    height: 110%;
}*/
	
	.carsumin ul {
    display: block;
}
	.mobileB {
		display: block;
	}
	.navbarContainer, .contentPageWidth, .scrollContentBackground, .footerCenter, .scrollContentBackground_ProjeKonsepti, .scrollContentBackground_ProjeKonsepti2, .iletisimPageWidth {
		width: 94%;
	}
	
	.logo {
    	width: 27%;
 	}
	
	.carsumin h1 {
		font-size: 30px;
		text-align: center;
	}
	.carsumin ul li {
		width: 100%;
		padding-bottom: 50px;
		text-align: center;
	}
	.carsumin {
		margin: 0 auto 0 auto;
	}
	.carsum {
		padding: 60px 0 0 0;
	}
	.gallery {
		min-height: auto;
		margin-top: -8px;
	}
	.carboxin ul li {
		width: 100%;
		margin-bottom: 30px;
	}
	.carboxin {
		width: 95%;
	}
	.carboxin li img {
		width: 88px;
		margin-right: -9px;
	}
	.carboxin li h6 {
		font-size: 18px;
	}
	.ikilibox img {
		width: 65px !important;
	}
	.carboximg {
    	text-align: right;
	}
	.carboximg.ikilibox {
    	text-align: -webkit-right;
	}
	.carboximg {
		width: 20%;
	}
	.carboxText {
		width: 70%;
		padding-left: 20px;
	}
	.carcolorin {
		width: 95%;
	}
	.carcolorin .owl-prev {
		left: 20%;
	}
	.carcolorin .owl-next {
		right: 20%;
	}
	.carinteriorin, .carinteriorin2 {
		width: 95%;
	}
	.carintimg {
		width: 100%;
	}
	.sliderContentic p {
		width: 270px;
	}
	.sliderContentic img {
		width: 70px !important;
	}
	.sliderContentic {
		left: 5%;
	}
	
	.corporateSubtext {
    	padding: 0px 0;
	}
	.corporateSubtextText p {
		width: 100%;
	}
	.corporateSubtextalt {
		width: 90%;
	}
	.corporateSub1Image {
		width: 100%;
	}
	.corporateSub1Text {
		width: 90%;
		margin-left: 5%;
	}
	.corporateSub1alt {
		width: 100%;
	}
	.patentBox li {
		width: 44%;
	}
	.genissub {
		width: 90% !important;
	}
	.patentBoxText {
		font-size: 17px;
		line-height: 20px;
	}
	.patentBox li {
		width: 44%;
		display: inline-table;
		padding-bottom: 30px;
	}
	.corporateSub3Image img {
		width: 150%;
	}
	.corporateSub3Image {
		overflow: hidden;
		width: 100%;
	}
	.kvkkSubtext {
		padding-top: 100px;
	}
	.kvkkSubText h1 {
		line-height: 30px;
	}
	div#home video {
        width: 140%;
        margin-top: -20%;
    }
}

@media only screen and (max-width:500px) {
	div#home video {
        width: 140%;
        margin-top: -20%;
    }
	.blue sup {
		font-size: 20px !important;
		vertical-align: top;
		line-height: 40px !important;
	}
	.page-header.is-sticky img {
		max-width: 100%;
	}
	body {
		background: url("../images/hann-zemin-k-500.png") top center no-repeat;
		background-size: 130%;
		overflow-x: hidden;
		background-color: #000;
	}
	.container-horizontal {
		display: inline-block;
	}
	.fs24 {
		font-size: 20px;
		line-height: 30px;
	}
	h2 {
    	font-size: 7vw;
	}
	.label {
    	font-size: 18px;
	}
	p {
		font-size: 20px;
		line-height: 24px;
	}
	.white.margin._60 {
		font-size: 20px;
		line-height: 30px;
	}
	.referanslar ul li {
        width: 48%;
    }
	.displayNonemobil {display: none;}
		.mobileB button {
		background: unset;
		background: #af855b;
		border: unset;
		padding: 13px;
		color: #FFFF;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		font-size: 20px;
	}
    .formClose {
        left: unset;
        right: 0;
        width: 100%;
        text-align: right;
    }
	#footer {
		font-size: 14px;
	}
    .formContainer {
        width: 90%;
        top: 7%;
        right: 0;
        padding: 0;
        padding: 30px 0px 30px;
        left: 0;
        right: 0;
        margin: 0 auto;
        box-shadow: 0 0 BLACK;
    }
	.menuOpenMenu {
		width: 83%;
	}
	.menuCenterMobile_1 {
    	width: 275px;
	}
	.mobileMenuDivsContents div ul li {
		font-size: 17px;
	}
	.socialMediaMenu div ul li {
		width: 35px;
		height: 35px;
	}
	.socialMediaMenu div ul li i {
    	margin-top: 9px;
	}
	.mobileCloseIcons img {
    	width: 10%;
	}
	.mobileMenuIcons img {
    	width: 29px;
	}
	.logo {
        width: 100%;
        padding: 0 23%;
        left: 0;
    }
	.mobileMenuIcons {
    	top: 25px;
	}
	
	.footerLogo {
    	width: 39%;
	}
	.footerContent {
    	line-height: 21px;
	}
	.footerNumber {
    	font-size: 41px;
	}
	
	.contentDiv {
		width: 100%;
	}
	.contentPageWidth {
		margin-top: 10px;
	}
	
	.footerCenter div ul li:nth-child(2) {
		display: none;
	}
	.contentDivRight {
    	width: 100%;
 	}
	.backgroundParallax_Deniz {
		background-size: 100%;
		height: 190px;
		background-attachment: unset;
	}
	
	.menuTabDaireler {
    	width: 90%;
	}
	.menuTabDaireler div ul li {
		display: block;
	}
	.menuTabDaireler div ul li {
		width: 47%;
		display: inline-block;
		border-right: 0px;
		margin: 0px;
		padding: 0;
		margin-top: 5px;
	}
	.altSubTab div ul li {
    	border-right: 1px solid #af855b;
    	padding: 8px 0px 8px;
    	margin-top: 0px;
    	display: block;
    	width: 100% !important;
 }
	.borderScreenPosition {
		background: unset;
		width: 100%;
		height: auto;
		position: relative;
	}
	.menuTabDaireler {
		position: relative;
	}
	
	
	
	.coverBackgorund {
		overflow: hidden;
	}
	.carboximg {
		width: 22%;
	}
	.sliderContentic p {
		width: 250px;
		font-size: 18px;
	}
	.sliderContentic img {
    width: 60px !important;
}
	.patentBox li {
    width: 43%;
}
	
}
@media only screen and (max-width:400px) {
	.patentBox li {
		width: 43%;
	}
	.patentBox li {
    width: 42%;
}
}
@media only screen and (max-width: 500px){
	.sliderContentic p {
		width: 240px;
		font-size: 18px;
	}
	.sliderContentic p {
    	padding: 50px 0 0 10px;
	}
}
@media only screen and (max-width:380px) {
	body {
		background: url("../images/hann-zemin-k-500.png") top center no-repeat;
		background-size: 122%;
		overflow-x: hidden;
		background-color: #000;
	}
}