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

@media only screen and (max-width:1680px) {
	.product {
		width: 15%;
	}
	.pdr-20{
		margin-left: -20px;
	}
	.mobileCloseIcons img {
    	margin: 23px -4px;
	}
	.product p {
		height: 100px;
	}
	.footer-bottom p {
		text-align: right;
	}
}

@media only screen and (max-width:1460px) {
	.wsalt {
    	padding: 50px;
	}
	.product {
        width: 18%;
        padding: 30px 10px;
    }
	.product p {
    	height: 90px;
	}
	.wsalt h3 {
		font-size: 22px;
	}
	.footerCenter {
    	width: 96%;
	}
	.sliderContent p br{
		display: none;
	}
	.sliderContent p{
		width: 350px;
	}
	.slider {
		height: calc(100vh - 100px);
		width: calc(100% - 100px) !important;
	}
	.wsalt h1 {
    	font-size: 25px;
	}
	.konum1 {
		left: 64%;
	}
	.footer-bottom p {
    	text-align: right;
	}
	.aboutus-sub .w40 .wsalt {
		margin-left: 0px;
		margin-right: 50px;
	}
	.aboutus-sub .w40 .wsalt h3 {
		padding-top: 0;
	}
	.aboutus-creative .w50 img {
    	height: fit-content;
	}
	.creative-in {
		padding: 0px;
	}
	.artobject h1 {
		font-size: 25px;
	}
}

@media only screen and (max-width:1369px) {
	.slider {
		height: calc(100vh - 50px);
		width: calc(100% - 50px) !important;
	}
	.navbarContainer {
    	width: 96%;
	}
	#footer li h1 {
		font-size: 20px;
	}
	#footer li h1 span {
		font-size: 25px;
	}
	.katalog1 img {
    	width: 200px;
	}
	.product p {
        font-size: 15px;
    }
	.slider {
        height: 100%;
	}
	.aboutus-creative .explore {
    	margin-top: 20px;
	}
	.owl-theme .owl-nav.disabled+.owl-dots {
		bottom: 5%;
	}
	.product p {
        height: auto;
    }
}
@media only screen and (max-width:1280px) {
	.mobileMenuDivsContents {
    	margin-right: 10px;
	}
	.footer-bottom p {
        padding: 40px 0 0 0;
        text-align: center;
    }
	.footer-bottom span {
        text-align: center;
        margin: 0 auto;
        display: block;
    }
}

@media only screen and (max-width:1024px) {
	.wsalt h1 {
        font-size: 25px;
        line-height: normal;
    }
		.sloganikon {
		margin-left: -9px;
	}
	.containerMenu {
		display: none;
	}
	#navbar {
       padding: 25px 0px 25px;
		margin-bottom: 0px;
	}
	.logo {
		top: 0;
        width: 170px;
    }
	.navbarContainer {
		text-align: center;
		position: relative;
	}
    .mobileMenuIcons {
        display: block;
        position: absolute;
        top: -4px;
        right: 7px;
    }
	.mobileMenuIcons img {
    	width: 34px;
	}
	.backgroundImgPosition {
		width: 47.5%;
	}
	.menuOpenMenu {
		width: 74%;
	}
	.katalog1:last-child {
    	display: none;
	}	
	.katalog1 {
		padding-right: 0px;
	}
    .katalog1 img {
		margin: 0 auto;
	}
	.product {
		width: 30%;
	}
	.footerCenter div ul li {
		width: 20%;
	}
	.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(3) {
    	width: 16%;
	}
	.divsFooterContent {
		width: 20%;
	}
	.footerContent {
		margin-bottom: 9px;
		line-height: 18px;
	}
	.divsFooterContent {
		height: 111px;
	}
	.mobilemenuContainer {
    	display: block;
	}	 
	.backgroundImgPosition_ProjeKonsepti {
     	width: 47.5%;
    }
	.footer-bottom p {
        padding: 40px 0 0 0;
		text-align: center
    }
	.footer-bottom span {
		text-align: center;
		margin: 0 auto;
		display: block;
	}
	    .konum1, .konum3 { 
        left: 60%;
    }
	.project .creative-in {
		padding: 45px 35px 0 35px;
	}
	.teknik .w33 p {
    	height: auto;
	}
}

@media only screen and (max-width: 821px) {
	.mobileMenuDivsContents {
    	margin-right: 0;
	}
	.workshop .w60 {
        width: 100%;
        border-right: none;
        display: block;
        border-bottom: 1px solid #b6b6b6;
    }
	.workshop .w40 {
		width: 100%;
		display: block;
	}
	.workshop {
		width: 100%;
		display: block;
	}
	.katalog1:last-child {
        display: block;
    }
	.katalog1 img {
        width: 214px;
    }
	.katalog {
    	justify-content: center;
	}
	.katalog1 {
        padding-right: 70px;
    }
	.footerCenter div ul li:nth-child(1) {
        width: 100%;
        text-align: center;
		padding-bottom: 30px;
    }
	.footerCenter div ul li {
        width: 24%;
    }
	.footerCenter div ul li:nth-child(3) {
        width: 24%;
    }
	.subdiv .creative-in {
    	padding: 0 30px;
	}
	.subdiv h1 {
		font-size: 20px;
		letter-spacing: 1px;
	}
}




@media only screen and (max-width: 768px) {
	.wsalt {
        padding: 25px;
    }
	.aboutus-sub .w40 .wsalt {
        margin-right: 0;
    }
	.aboutus-creative .bd-right {
		border-right: none;
	}
	.aboutus-creative {
		display: inline-block;
	}
	.aboutus-sub{
		overflow-x: hidden;
	}
	.aboutus-creative .w50 {
        width: auto;
        padding: 30px;
        display: block;
    }
	.creative-in h1 {
		font-size: 20px;
	}
	.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;
}
.mobilslidex {
	display: block !important;
}	
	.sliderContent {
		left: 2%;
		bottom: 5%;
		top: unset;
	}
	.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: inline-block;
    }
	.footerCenter div ul li:nth-child(1) {
    width: 100%;
    text-align: center;
	}
	.footerCenter div ul li:nth-child(3) {
    	width: 22%;
	}
	.footerCenter div ul li:nth-child(4) {
    	width: 20%;
	}
	.footerCenter div ul li:nth-child(5) {
    	width: 27%;
	}
	.timeline {
	display: none;
}
.timelinemobil{
	display: block;
}
	
	.carsumin ul {
    display: block;
}
	.mobileB {
		display: block;
	}
	.navbarContainer, .contentPageWidth, .scrollContentBackground, .footerCenter, .scrollContentBackground_ProjeKonsepti, .scrollContentBackground_ProjeKonsepti2, .iletisimPageWidth {
		width: 94%;
	}
	
	
	.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;
	}
}

@media only screen and (max-width:500px) {
	.project {
		display: inline-block;
	}
	.project .w50 {
		width: auto;
	}
	.project .creative-in {
        padding: 15px;
        display: block;
    }
	.project .creative-in .wy50 {
    	width: 100%;
	}
	.project .w50 .creative-in:nth-child(2) a:first-child{
		margin-bottom: 30px;
	}
	.allproject{
		background: none !important;
		display: grid;
	}
	.mobilurun1 .creative-in:nth-child(1) a:first-child{
		margin-bottom: 30px;
	}
	.project .pt-35 {
		padding-top: 0px;
	}
	.mpt-35{
		padding-top: 30px;
	}
	.teknik-sub.p-detail .w100 {
    	padding-bottom: 50px;
	}
	.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;
    }
    .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: 100%;
	}
	.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%;
	}
	.slider {
        width: 100% !important;
    }
	.katalog1:last-child {
        display: none;
    }
	.footerLogo {
    	width: 39%;
	}
	.footerContent {
    	line-height: 21px;
	}
	.footerNumber {
    	font-size: 41px;
	}
	.sliderContent h1 {
		font-size: 30px;
		letter-spacing: 1px;
	}
	.sliderContent p {
		font-size: 13px;
	}
	    .katalog1 {
        padding-right: 0;
    }
	.product {
        width: 95%;
    }
	.product p {
        height: auto;
		padding: 30px 0 10px 0;
    }
	.footerCenter div ul li {
        width: 100%;
    }
	.footerCenter div ul li:nth-child(1), .footerCenter div ul li:nth-child(2), .footerCenter div ul li:nth-child(3), .footerCenter div ul li:nth-child(4), .footerCenter div ul li:nth-child(5) {
		width: 100%;
		text-align: center;
	}
	.wsalt h1 span {
    	margin-top: -40px;
	}
	.katalog1 a {
    margin: 10px auto;
}
	.contentDiv {
		width: 100%;
	}
	.contentPageWidth {
		margin-top: 10px;
	}
	
	.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;
	}
	.footer-middle p {
		margin-top: 20px;
	}
}
@media only screen and (max-width:390px) {
	    .wsalt h1 {
        font-size: 22px;
        line-height: normal;
    }
}