@media(min-width:2000px)
{
.mitasbanner {
    min-height: 1250px;
}
.dotnewslide .twoslide-owl .item::after { 
    left: -228px; 
}
.dotnewslide .twoslide-owl .owl-item .item::before { 
    left: -228px; 
}
.dotnewslide .twoslide-owl .owl-item.active.test .item p::before { 
    left: calc(44% - -2px); 
}
.linktabslider .tablink-owl .owl-item .item::after { 
    left: -59%; 
}
.linktabslider .tablink-owl .owl-item .item::before { 
    right: -51%; 
}
.linktabslider .tablink-owl .owl-item .item a::after { 
    left: 43%; 
}
.linktabslider .tablink-owl .owl-item .item a.active::after { 
    bottom: -28px;
    left: 43%;
    width: 20px;
    height: 20px; 
}
.linktabslider .tablink-owl .owl-item .item a.active::before { 
    bottom: -33px;
    left: calc(41% - -0.7px);
    width: 30px;
    height: 30px; 
}
}

@media (max-width: 1681px) {
h1 {
 font-size: 63px;
}
h2 {
 font-size: 56px; 
} 
h3 { 
 font-size: 42px;  
}
h4 {
 font-size: 33px;
}
h5 {font-size: 25px;}
h6 { 
 font-size: 21px; 
}
p, li, a, td, th { 
    font-size: 20px; 
}
span{font-size: 16px;}

 .dotnewslide .twoslide-owl .owl-item .item p::before { 
    left: 40%; 
}

.dotnewslide .twoslide-owl .item p::after { 
    left: 40%; 
}
.dotnewslide .twoslide-owl .owl-item.active.test .item p::before { 
    
    left: calc(36% - 1px);
}
 .dotnewslide .twoslide-owl .owl-item.active.test .item p::after { 
      left: calc(38% + 2px);
}
.rakamlar .row .w50:last-child {
    width: 50%;
    margin-left: 0%;
} 
.km2 span { 
    font-size: 100px;
 
    height: 150px;
}
.sirketler .blogcard:hover .imgs img {
    height: 300px;
    transform: scale(1.05);  	
}
.isgpart h2, .surdur h2, .vizyon.urundetay h2, .raf1 h2, .vizyon h2 {
    font-size: 45px; 
} 
.mitasaile.etikform .ortalatext .row {
    width: 80%; 
}
.surdurulebilirlik { 
    min-height: 800px; 
    background-size: contain;
}

.yonetici { 
    margin-top: -1px;
}

}

@media (max-width: 1550px) {
	h1 {
 font-size: 60px;
}
h2 {
 font-size: 53px; 
} 
h3 { 
 font-size: 39px;  
}
h4 {
 font-size: 30px;
}
h5 {font-size: 23px;}
h6 { 
 font-size: 20px; 
}
p, li, a, td, th { 
    font-size: 19px; 
}
span{font-size: 15px;}

 
 .pt-96{
 	padding-top:72px;
 }
 
 .pb-96{
 	padding-bottom:72px;
 }
 .pt-48{
 	padding-top:36px;
 }
 
 .pb-48{
 	padding-bottom:36px;
 }
 .mt-96{
 	margin-top:72px;
 }
 
 .mb-96{
 	margin-bottom:72px;
 }
 .mt-48{
 	margin-top:36px;
 }
 
 .mb-48{
 	margin-bottom:36px;
 }
 .linktabslider .tablink-owl .owl-item .item::after { 
    left: -61%; 
}
.linktabslider .tablink-owl .owl-item .item a::after { 
    left: 42%; 
}
.linktabslider .tablink-owl .owl-item .item a.active::after { 
    left: 42%; 
}
.linktabslider .tablink-owl .owl-item .item a.active::before {
    bottom: -33px;
    left: 41%;
    width: 30px;
    height: 30px;
}
.linktabslider .tablink-owl .owl-item .item::after {
    left: -62%;
}
.altlinkler .altlink-owl .item a { 
    font-size: 16px; 
    height: 60px; 
}
.galeri-owl .owl-item.center .item img {
    height: 500px; 
}
.galeri-owl .owl-item .item {
    height: 500px;
}
.galeri-owl .owl-item .item img { 
    height: 400px; 
}
.mitasbanner {
    min-height: 800px;
}
.kvkk .politikawidth {
    width: 80%; 
}
.km2 h1 { 
    left: 4%; 
}
.blogcard .imgs {
    border-radius: 20px;
    overflow: hidden;
    height: 270px;
}
.blogcard:hover .imgs img {
    height: 270px; 
}
.mitasaile.etikform .ortalatext .row {
    width: 90%;
}
.bizkimiz .w30 h5 { 
    font-size: 25px; 
    letter-spacing: 0px;
}
.bizkimiz .w30 h5 span { 
    font-size: 30px; 
}
.sirketler .blogcard .imgs { 
    height: 270px;
}
.sirketler .blogcard:hover .imgs img {
    height: 270px; 
}
.dotnewslide .twoslide-owl .owl-item.active.test .item p::after {
    left: calc(34% + 2px);
}
.dotnewslide .twoslide-owl .owl-item.active.test .item p::before {
    left: calc(32% - 1px);
}
.mpowering .row .w50 h3 { 
    max-width: 92%;
    margin-bottom: 2rem;
}
.vizyon.bggel .container .row .w50 h5 { 
    margin-bottom: 1rem; 
}
.vizyon.bggel .container .row .w50 h3 { 
    margin-bottom: 1rem;
}
.misyon .container .row .w50 h5 { 
    margin-bottom: 1rem; 
}
.misyon .container .row .w50 h3 { 
    margin-bottom: 1rem;
}

.mitasbanner .izlencetext ul { 
    margin-bottom: 1rem;
}
.sur-rigth-card {
    padding-top: 29%;
    padding-left: 0%;
}
.sur-rigth-card h6 { 
    width: 80%; 
}
.footer p {
    width: 90%; 
}
.kuzuprojeler .row .cardskutu:hover .text {
    top: 52%;
}
.main-header .container .mitasgroup .linklerup .two ul li .headerdildrop-content {
    width: 100vw;
    left: 0;
}
.headerdildrop .headerdildrop-content .row {
    padding-left: 0;
}
 .mitasbanner { 
    min-height: 560px !important; 
    background-size: 100%;
}

.headerdildrop .headerdildrop-content .row .col-lg-5{
    padding: 0;
	width:60%;
	max-width:60%;
	flex:60%;
	
}
.headerdildrop .headerdildrop-content .row .col-lg-7{
    padding: 0;
	width:40%;
	max-width:40%;
	flex:40%;
	
}
.headerdildrop .headerdildrop-content .row .col-lg-7 p{
    padding-left: 10px;
	font-size:11px
	 
	
}





}


@media (max-width: 1500px) {
		h1 {
 font-size: 50px;
}
h2 {
 font-size: 45px; 
} 
h3 { 
 font-size: 34px;  
}
h4 {
 font-size: 27px;
}
h5 {font-size: 20px;}
h6 { 
 font-size: 19px; 
}
p, li, a, td, th { 
    font-size: 18px; 
}
span{font-size: 14px;}
 
 
.dotnewslide .twoslide-owl .item::after { 
    left: -121px; 
}
.dotnewslide .twoslide-owl .owl-item .item::before { 
    left: -121px; 
}
.dotnewslide .twoslide-owl .owl-item .item p::before {
    left: 49%;
}
.dotnewslide .twoslide-owl .item p::after {
    left: 49%;
}
.dotnewslide .twoslide-owl .owl-item.active.test .item p::before {
    left: calc(43% - 1px);
}
.dotnewslide .twoslide-owl .owl-item.active.test .item p::after {
    left: calc(45% + 2px);
}
.km2 span {
    font-size: 80px;
    height: 100px;
}
.km2 span.two {
    font-size: 18px; 
}
.km2 .km2-owl .item a.kmtab.active::before {
    bottom: -161%;
    left: 15%;
}
.km2 .km2-owl .item a.kmtab.active::after { 
    bottom: -117%;
    left: 38%; 
}
.blogcard .imgs {
    border-radius: 20px;
    overflow: hidden;
    height: 210px;  
}
.blogcard:hover .imgs img {
    height: 210px;
    transform: scale(1.05);
}
.haberler .haberblog-owl .owl-item:nth-child(n) .bgcolor p { 
    padding-bottom: 30px; 
}
.haberler .container {
    margin-bottom: 2rem;
}
.mitasaile .absolute img {
    width: 70%;
}
.kvkk .politikawidth .width30 .download { 
    height: 250px; 
}
.kvkk .politikawidth .width30 .download img{ 
    width: 40%;
}
.kvkk .politikawidth .width30 .download img.hover{ 
    width: 20%;
}
.galeri-owl {
    height: 640px;
}
.galerti h3 { 
    color: #002456; 
}
.surdurulebilirlik { 
    background-position: 60px;
}
.altlinkler .altlink-owl .item a {
    font-size: 14px;
    height: 40px;
}
.mpowering .row .w50 h3{ 
    max-width:65%;
}
.inaniyoruzanim .bakgroundgelsin video {
    width: 100%; 
    height: 100vh;
    object-fit: cover;
}
.tunasparts p {
    width: 90%;
}
.surdurulebilirliks .container .text h3 strong {
    display: inline;
}
.dotnewslide .twoslide-owl .owl-item .item p::before {
    left: 50%;
}
.linktabslider .tablink-owl .owl-item .item a.active::before {
    bottom: -36px;
    left: 39%;
    width: 35px;
    height: 35px;
}
.linktabslider .tablink-owl .owl-item .item::after {
    left: -63%;
}
.fabrikalar .kutuhover { 
    height: 450px; 
}
.fabrikalar .kutuhover .bgimages img {
    max-height: 450px; 
    height: 450px; 
}

.content {
    height: 100vh; 
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.mitasbanner video {
    width: 100%;
    object-fit: cover;
    height: 110vh;
    object-position: 50% 50%;
}
.mitasaile .ortalatext p { 
    margin-bottom: 3rem;
}
.pfysalt .row { 
    margin-left: 5%;
}
.mitasaile .ortalatext .row .btnfirst a {
    width: 80%; 
}
.footer ul li {
    margin-bottom: 2rem;
}
.footer p { 
    margin-bottom: 0.5rem;
}
.rakamlar .row {
    width: 100%;
    margin: auto;
}
	.rakamlar .row .w50:last-child p{width: 100%;}

.rakamlar .row .w50:first-child{
	margin-left:-10%;
	margin-right:10%;
}
.rakamlar .row .w50:first-child img{
	width:80%;
	text-align:left;
}
.rakamlar .row .w50 p { 
    width: 80%; 
}
.rakamlar .row .w50 img {
  margin-bottom:5rem!important;
}
.inaniyoruz .row .w60 h5 { 
    font-size: 30px;
    width: 80%; 
}
.kuzuprojeler .row .cardskutu:hover .text {
    top: 56%;
}
.newpr .textblock p {
    margin-top: 2rem;
    width: 53%;
    color: #947c58;
}
.main-header .container .mitasgroup .linklerup .two ul li .headerdildrop-content {
    width: 100vw;
    left: 0;
}
    .mitasbanner { 
    min-height: 530px !important; 
    background-size: 100%;
}






}

@media (max-width: 1400px) {
	
	h1 {
	 	font-size: 42px;
	}
	h2 {
	 font-size: 37px; 
	} 
	h3 { 
	 font-size: 31px;  
	}
	h4 {
	 font-size: 24px;
	}
	h5 {
		font-size: 19px;
		}
	h6 { 
	 font-size: 18px; 
	}
	p, li, a, td, th { 
	    font-size: 16px; 
	}
	span{
		font-size: 13px;
	}
 

.bizkimiz .w40 h2 { 
    font-size: 37px; 
    line-height: normal; 
}
.dotnewslide .twoslide-owl .owl-item .item p::before {
    left: 45%;
}
.dotnewslide .twoslide-owl .item p::after {
    left: 45%;
}
.dotnewslide .twoslide-owl .owl-item.active.test .item p::before {
    left: calc(41% - -1px);
}
.dotnewslide .twoslide-owl .owl-item.active.test .item p::after {
    left: calc(44% + -1px);
}
.isgpart h2, .surdur h2, .vizyon.urundetay h2, .raf1 h2, .vizyon h2 {
    font-size: 37px;
    margin-bottom: 1rem;
}
.linktabslider .tablink-owl .owl-item .item {
    padding-bottom: 60px; 
}
 .linktabslider .tablink-owl .owl-item .item a.active::before {
    bottom: -34px;
    left: 37%;
    width: 35px;
    height: 35px;
}
.linktabslider .tablink-owl .owl-item .item a.active::after {
    left: 40%;
    bottom: -29px;
}
.linktabslider .tablink-owl .owl-item .item a::after {
    left: 43%;
    bottom: -28px;
}
.linktabslider .tablink-owl .owl-item .item.active::after { 
    left: -64%;
}
.marquespart h3 { 
    font-size: 100px; 
    line-height: 132.5px; 
}
.galeri-owl .owl-item .item img {
    height: 300px;
}
.galeri-owl .owl-item .item {
    height: 400px;
}
.galeri-owl .owl-item.center .item img {
    height: 400px;
}
.galerti h3 { 
    line-height: normal; 
}
.pfysalt .row .wid {
    width: 280px;
    height: 280px;
    margin: auto; 	
}
.pfysalt .row .wid img {
    margin-bottom: 2rem;
    max-width: 64px;
}
.galeri-owl {
    height: 520px;
}
.kvkk .politikawidth .width30 p {
    color: #01265A;
    text-align: center;
    font-weight: 500;
    letter-spacing: -0.375px;
    position: relative;
    margin: auto;
    margin-bottom: 1rem;
    padding-bottom: 0rem;
    width: auto;
    display: inline-flex;
    height: 60px;
    justify-content: center;
    align-items: center;
}
.absol3 { 
    width: 23%;
}
.absol3 img{ 
    width: 70%;
    float: right;
}
.kvkk .politikawidth .width30 { 
    margin-bottom: 0rem; 
}
.mitasaile .ortalatext .row .btnfirst a {
    width: 80%;  
}
.twoslide-owl .owl-dots{
	display:none;
}
.tunasparts p { 
    font-size: 40px; 
}
.mitasaile.etikform .ortalatext .row {
    width: 100%;
    z-index: 9;
}
.main-header .container .mitasgroup .linklerup .two ul li .headerdildrop-content {
    left: 0%;
}
.headerdildrop .headerdildrop-content .row .w30 p { 
    width: 60%;
}
.headerdildrop .headerdildrop-content .row .w30 img { 
    width: 40%;
}
.headerdildrop .headerdildrop-content .row .w30 img {
        width: 33%;
    }
    .mitasbanner { 
    min-height: 500px !important; 
    background-size: 100%;
}
.gallery #sync1 .item img {
    height: 50vh; 
}















}

@media (max-width: 1300px) {
    
	.mitasbanner { 
        min-height: 460px !important; 
        background-size: 100%;
    }
    .mitasbanner.sea {
        min-height: 80vh !important;
    }
	
		h1 {
	 	font-size: 38px;
	}
	h2 {
	 font-size: 34px; 
	} 
	h3 { 
	 font-size: 30px;  
	}
	h4 {
	 font-size: 25px;
	}
	h5 {
		font-size: 21px;
		}
	h6 { 
	 font-size: 19px; 
	}
	p, li, a, td, th { 
	    font-size: 17px; 
	}
	span{
		font-size: 14px;
	}
	
.mitasbanner .izlencetext ul { 
    margin-bottom: 1rem;
}
.isgpart h2, .surdur h2, .vizyon.urundetay h2, .raf1 h2, .vizyon h2 {
    font-size: 30px;
    margin-bottom: 1rem;
}
 .pt-96{
 	padding-top:60px;
 }
 
 .pb-96{
 	padding-bottom:60px;
 }
 .pt-48{
 	padding-top:30px;
 }
 
 .pb-48{
 	padding-bottom:30px;
 }
 
 .mt-96{
 	margin-top:60px;
 }
 
 .mb-96{
 	margin-bottom:60px;
 }
 .mt-48{
 	margin-top:30px;
 }
 
 .mb-48{
 	margin-bottom:30px;
 }
  .baslik-pb{
  	padding-bottom:36px;
 }
 .baslik-mb{
  	margin-bottom:36px;
 }
.urunpage .kullanimalanlari .ikonwidth:first-child{
	display:none
}	

.bizkimiz .w40 h2 { 
    font-size: 30px; 
    line-height: normal; 
}
.bizkimiz .w30 h5 span {
    font-size: 18px;
}
.bizkimiz .w30 h5 {
    font-size: 18px;
    letter-spacing: 0px;
}
.bizkimiz .w30 h6 { 
    font-size: 15px; 
}
.mitasbanner img { 
    height: 600px; 
}
.etikform.stajbasvuruformu h5 { 
    margin-top: 2rem; 
}
ul.accordion-list li h3 { 
    font-size: 20px; 
    padding-bottom: 10px;
    padding-left: 2%;
    margin-bottom: 2rem; 
}
.dotnewslide .twoslide-owl .owl-item.active.test .item p::before {
    left: calc(37% - -1px);
}
.dotnewslide .twoslide-owl .item p::after {
    left: 42%;
}
.dotnewslide .twoslide-owl .owl-item .item p::before {
    left: 42%;
}
.dotnewslide .twoslide-owl .owl-item.active.test .item p::after {
    left: calc(40% + -1px);
}
.kvkk .politikawidth .width30 {
    width: 24%;
    margin-bottom: 2rem;
    margin-right: 1%; 
}
.play-icon { 
    margin-left: 45px;
}
.sur-rigth-card h6 { 
    width: 100%; 
}
.altlinkler .altlink-owl .item a {
    font-size: 13px;
    height: 50px;
}

.linktabslider .tablink-owl .owl-item .item.active::after{
	left:-65%;
}
.main-header .container .mitasgroup .linklerup .two ul li .headerdildrop-content {
        left: 0;
    }
}
@media (min-width:1200px){
	.mobile-menu {
		display: none;
	}
}
@media (max-width: 1200px) {
 .pt-96{
 	padding-top:48px;
 }
 
 .pb-96{
 	padding-bottom:48px;
 }
 .pt-48{
 	padding-top:24px;
 }
 
 .pb-48{
 	padding-bottom:24px;
 }
 
 .mt-96{
 	margin-top:48px;
 }
 
 .mb-96{
 	margin-bottom:48px;
 }
 .mt-48{
 	margin-top:24px;
 }
 
 .mb-48{
 	margin-bottom:24px;
 }
  
 .main-header { 
    display: none;
}
.mobile-menu {
    display: block;
}
 .mm-logo-kapat {

		border-bottom: 1px solid #fff;
		padding-left: 4%;
		padding-right: 4%;
		padding-bottom: 10px;
	}
	.mm-logo-kapat .mm-logo {

		width: 50%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}
	.mm-logo-kapat .mm-logo img {

		width: 60%;
	}
	.mm-logo-kapat .mm-kapat {

		width: 50%;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.mm-logo-kapat .mm-kapat .closebtn {

		color: #fff;
		font-weight: 300;
		font-size: 40px;
	}
	.mm-links {

		margin-top: 4%;
	}
	.mm-links ul {

		padding-left: 0;
		margin-bottom: 0;
	}
	.mm-links ul li {

		list-style: none;
		border-bottom: 1px solid #fff;
		margin-bottom: 20px;
	}
	.mm-links ul li a {

		color: #fff;
		font-weight: bold;
		font-size: 30px;
	}
	.mm-dil {

		margin-top: 4%;
	}
	.mm-dil ul {

		padding-left: 0;
		margin-bottom: 0;
	}
	.mm-dil ul li {

		display: inline-block;
		margin: 0px 5px 0px 0px;
	}
	.mm-dil ul li a {

		color: #fff;
		font-size: 20px;
	}
	.mm-dil ul li span {

		color: #fff;
		font-size: 20px;
	}
p, li, a, td {
    font-size: 14px;
    line-height: 160%;
}
 .mobile-menu .mobile-menu-logo img {
    width: 100%;
    height: 80px;
}
 
.mobile-menu {
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: 1s;
    width: 100%;
    z-index: 1111;
    background: #fff;
}
 .dotnewslide .twoslide-owl .owl-item.active.test .item p::after {
    left: calc(49% + -1px);
}
.dotnewslide .twoslide-owl .item p::after {
    left: 50%;
}
.dotnewslide .twoslide-owl .owl-item.active.test .item p::before {
    left: calc(46% - -1px);
}
.circle--slider .animate-wrapper {
    width: 300px;
    height: 300px !important;
    left: -100px;

    }
    .circle--rotate {

    height: 450px !important;
    width: 450px;
    margin: initial;
    
}
.services::after {
    content: "";
    width: 500px;
    height: 500px;
    background: transparent;
    border: 1px solid #0089cf;
    position: absolute;
    border-radius: 50%;
    opacity: 0.2;
    left: -25px;
    top: 25px;
}
.services::before {
    width: 500px;
    height: 500px;
    left: -25px;
    top: 25px;
}
.circle--slider .circle--rotate > li.active div::after {
    width: 70px;
    height: 70px;
    left: -13px;
    top: -13px;
}
.circle--slider .animate-wrapper {
    width: 350px;
    height: 350px !important;
}
.services {
    display: flex;
    justify-content: center;
    align-items: center;
}
.rakamlar .row .w50 h2 {
    color: #0089CF;
    font-weight: 400;
    line-height: 39px;
    padding-left: 5%;
}
.km2 span {
    font-size: 60px;
    height: 80px;
}
.tunasparts p {
    font-size: 30px;
}
.tunasparts .w30 a .cards .film {
    background: #0086F980!important;
}

.tunasparts .w30 {
    width: calc(100% / 3);
}
 
.tunasparts .mitasbtn {
    width: 23%;
}
.mitasbtn a {
    min-width: 210px;
    height: 40px;
}
.marquespart h3 {
    font-size: 80px;
    line-height: 112.5px;
}
.projects {
    height: 83vh;
}
.projects .project-bg img {
    height: 83vh;
}.surdurulebilirliks .container .text {
    position: absolute;
    bottom: 10%;
    left: 10%;
    z-index: 9;
}
.surdurulebilirliks .container .text h3 {
    width: 85%;
}
.haberler .row .medya-tab { 
    width: 180px;
    height: 40px; 
}
.haberler .haberblog-owl .owl-nav {
    top: calc(0% - 70px);
} 
.inaniyoruzanim {
    height: 100vh;
}
.inaniyoruzanim .row {
    top: 50%;
}
.mitasbanner {
    min-height: 400px;
}
.mitasbanner .film {
    height: 400px;
}
.mitasbanner .izlencetext {
    width: 80%;
}
.haberler.sirketler .haberblog-owl .owl-nav {
    display: block !important;
    position: absolute;
    right: 0;
    top: calc(0% - 45px);
}
.sirketler .blogcard .imgs img {
    height: 180px;
}
.sirketler .blogcard:hover .imgs img {
    height: 180px;
}
.sirketler .blogcard .imgs {
    height: 180px;
}
.mobile-menu.navbar-mobile-takip {
    padding-top: 5px;
    padding-bottom: 5px;
}
.mevzuatpart .w20 .bggri ul {
    padding-left: 15px;
}
.etikform.stajbasvuruformu .row {
    width: 100%;
    margin: auto;
}
.fabrikalar .kutuhover {
    max-height: 360px;
}
.fabrikalar .kutuhover .bgimages img {
    max-height: 360px;
}
.fabrikalar .kutuhover .filmgel {
    opacity: 0.8;
}

.fabrikalar .kutuhover{ 
	background:transparent;
}
.fabrikalar .kutuhover p{
	color:#fff;
	 
}
.fabrikalar .kutuhover h4{
	color:#fff;
	
}
.fabrikalar .kutuhover .bgimages img {
    max-height: 360px;
    opacity: 1;
}
.fabrikalar .kutuhover h4 {
    font-size: 25px;
    margin-bottom: 2rem;
}
.fabrikalar .kutuhover {
    width: calc(100% / 3);
    height: 360px;
    padding: 50px 30px;
}
.footer p {
    width: 75%;
    color: #fff;
    margin-bottom: 1rem;
}
.vizyon .container .row .w50 p {
    width: 95%;
    text-align: left;
    margin-bottom: 1rem;
}
.stajbasvuruformu .w40 {
    width: 50%;
}
.stajbasvuruformu .w60 {
    width: 50%;
}
.stajbasvuruformu input {
    width: 90%;
}
.stajbasvuruformu textarea {
    width: 90%;
}
.mitasaile .ortalatext .row .btnfirst a {
    width: 100%;
    padding-left:10px;
    padding-right:10px;
}
.mitasaile .ortalatext .row .btnfirst {
 margin-right:10px;
    width: auto;
}
.linktabslider .tablink-owl .owl-item .item a {
    text-align: center;
    height: 35px;  
    font-size: 14px; 
}
.kvkk .politikawidth .width30 .download {
    height: 170px;
} 
.linktabslider .tablink-owl .owl-item .item a.active::before {
    bottom: -32px;
    left: 38%;
    width: 30px;
    height: 30px;
} 
#play-button {
 
    width: 100px;
    height: 100px; 
}
.play-icon {
    margin-left: 35px;
    
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 20px solid #fff;
}
.galeri-owl {
    height: 480px;
}
.galeri-owl .owl-nav {
    margin: auto;
    text-align: center;
    margin-top: 2rem;
}
.pfysalt .row .wid {
    width: 210px;
    height: 210px;
    margin: auto;
}
.pfysalt .row .wid img {
    margin-bottom: 1rem;
    max-width: 54px;
}
.pfysalt h3 {
    margin-bottom: 3rem;
}
.surdurulebilirlik {
    background-image: none !important;
    background-color: #002E6E!important;
}
.sur-rigth-card {
    padding-left: 0%;
    padding-top: 0%;
}
.sur-left {
    width: 100%;
    padding-top: 5%;
}
.sur-left {
    text-align: center;
}
.sur-left h6 {
    width: 100%;
    margin-bottom: 2rem;
}
.sur-rigth-card h6 {
    width: 100%;
    margin-bottom: 2rem;
}
.surdurulebilirlik {
    min-height: auto;
}
.owl-prev span {
    top: 24%;
}
.owl-next span {
    top: 24%;
}
.part-1 .w50 a {
    width: 50%;
}
.part-1 .w50 img {
    width: 90%;
    margin-left: 0%;
}
.part-1.ters img {
    margin-left: 10% !important;
    width: 100%;
    object-fit: cover;
} 
.surdurulebilirliks.bizkimiz.vizyon .container .text h2 {
    width: 100%;
    color: #fff;
    font-weight: 300;
}
.verticalslide .vert {
    flex-direction: row;
}
.vizyon.bggel .container .row .w50 h3 {
    margin-bottom: 1rem;
}
.vizyon.bggel .container .row .w50 h5 {
    margin-bottom: 1rem;
}
.misyon .container .row .w50 h5 {
    margin-bottom: 1rem;
}
.misyon .container .row .w50 h3 {
    margin-bottom: 1rem;
}
.linktabslider .tablink-owl .owl-item .item.active::after {
    left: -63%;
}
.dotnewslide .twoslide-owl .item::after {
    left: 230px;
}
.dotnewslide .twoslide-owl .owl-item .item::before {
    left: 230px;
}
.dotnewslide .twoslide-owl .item p::after {
    left: 45%;
}
.dotnewslide .twoslide-owl .owl-item.active.test .item p::after {
    left: calc(46% + -1px);
}
.dotnewslide .twoslide-owl .owl-item .item p::before {
    left: 46%;
}
.dotnewslide .twoslide-owl .owl-item.active.test .item p::before {
    left: calc(43% - -1px);
}
.inaniyoruzanim .row{
	opacity:1!important;
	
}
.linktabslider .tablink-owl .owl-item .item::before { 
    right: -58%;
    bottom: 39px; 
}
.linktabslider .tablink-owl .owl-item .item::after { 
    left: -58%;
    bottom: 39px; 
}
.gallery #sync2 .item img { 
    height: 10vh; 
}
.gallery #sync1 .owl-nav .owl-prev { 
    left: -90px; 
}
.gallery #sync1 .owl-nav .owl-next { 
    right: -90px; 
}












}
@media(min-width:900px){
	.masaustu{display:block;}
	.mobil{ display:none;}	
}

@media (max-width: 900px) {

		h1 {
	 	font-size: 35px;
	}
	h2 {
	 font-size: 32px; 
	} 
	h3 { 
	 font-size: 27px;  
	}
	h4 {
	 font-size: 23px;
	}
	h5 {
		font-size: 19px;
		}
	h6 { 
	 font-size: 16px; 
	}
	p, li, a, td, th { 
	    font-size: 15px; 
	}
	span{ 
		font-size: 13px;
	}

 .pt-96{
 	padding-top:48px;
 }
 
 .pb-96{
 	padding-bottom:48px;
 }
 .pt-48{
 	padding-top:24px;
 }
 
 .pb-48{
 	padding-bottom:24px;
 }
 
 .mt-96{
 	margin-top:48px;
 }
 
 .mb-96{
 	margin-bottom:48px;
 }
 .mt-48{
 	margin-top:24px;
 }
 
 .mb-48{
 	margin-bottom:24px;
 }
	.w50 {
	    width: 100%;
	    position: relative;
	}
 .linktabslider {
    display: none;
}
 .yonetici {
    padding-top: 5%;
}
.yonetici .w50 {
    margin-bottom: 1rem;
}
.texttab {
    position: absolute;
    left: 25%;
    width: 38%;
}
.yonetici .yonetim-owl .owl-nav {
    display: block;
    position: absolute;
    right: 83%;
    top: 10px;
    display: flex;
}
.marquespart h3 {
    font-size: 60px;
    line-height: 72.5px;
}
.absolpowering {
    position: absolute;
    right: 0;
    top: 0px;
    z-index: -1;
    translate: 0 0px;
    width: 50%;
} 

.absolpowering img{
	width:100%;
}
.footer .w30 {
    padding-top: 5%;
    position: relative;
    padding-bottom: 9%;
    width: 100%;
    text-align: center;
    padding-bottom: 5%;
    border: none !important;
    align-items: start !important;
    justify-content: start  !important;
}
.footer .w40 {
    padding-top: 5%;
    padding-left: 0%;
    width: 100%;
    margin-bottom: 15px;
}
.footer ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-around;
}
.footer ul.social {
    position: inherit;

}
.footer ul.social {
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer p {
    width: 55%;
    margin: auto;
    margin-bottom: 1rem;
}
.mitasbanner .izlencetext ul li a {
    font-size: 10px;
}
.mitasbanner .izlencetext h5 {
    color: #fff;
    width: 90%;
    margin-top: 1rem;
}
.vizyon {
    padding-top: 5%;
}
.vizyon.bggel .container .row .w50:first-child {
    width: 100%;
}
.vizyon .container .row .w50:last-child {
    margin-top: 5%;
}
.misyon.bggel .container .row .w50:last-child {
    width: 100%;
}
.mitasbanner {
    min-height: 300px;
} 
.verticalslide .vert {
    position: absolute;
    height: auto;
    width: 100%;
    display: flex;
    overflow: visible;
    display: block;
}
.verticalslide .vert .item {
    height: 25vh;
}
.verticalslide .vert .item .bgs img {
    height: 25vh;
    object-fit: cover;
}
.verticalslide {
    height: 175vh;
    width: 100%;
}
.verticalslide .vert .item .bgs .film {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #002150;
    opacity: 0.5;
    transition: 1s;
}
.verticalslide .vert .item .text img {
    width: 60px;
    height: 60px;
}
.verticalslide .vert .item .text .yuvarlakbtn {
    transform: rotate(180deg);
    width: 30px;
    height: 30px;
    margin-top: 0rem;
}
.vizyon .container .row .w50:last-child {
    margin-top: 5%;
    display: none;
}
.part-1 .w50 a {
    width: 40%;
    height: 30px;
}
.part-1 .w50 a:hover .resimcerceve img {
    margin: auto;
    width: 5px;
    height: 15px;
}
.part-1.ters img {
    margin-left: 0% !important;
    width: 100%;
    object-fit: cover;
}
.part-1 .w50 a img {
    width: 5px;
    height: 15px;
    margin: auto;
}
.surdurulebilirliks.bizkimiz.vizyon .container .row .w50:last-child{
	display:block;
}
.surdurulebilirliks .container .images img {
    width: 100%;
    height: 40vh;
}
.surdurulebilirliks.bizkimiz .container .text {
    
    top: 15%;
    left: 10%;
    display: block; 
}
.sur-left h6 {
    width: 100%;
    margin-bottom: 1rem;
    margin-top: 0rem;
}
.sur-rigth-card img {
    margin-bottom: 0px;
}
.sur-rigth-card h4 {
    height: 40px;
}
.sur-left h6 {
    font-size: 15px;
}
.surdurulebilirlik {
    min-height: auto!important;
}

.surdurulebilirliks.bizkimiz.akademi {
    position: relative;
    padding: 0;
}
.surdurulebilirliks .container .images img {
    width: 100%;
    height: 50vh;
    object-fit: cover;
}
.galeri-owl .owl-item.center .item img {
    height: 250px;
}
.galeri-owl .owl-item .item {
    height: 250px;
}
.galeri-owl .owl-item .item img {
    height: 200px;
}
.galeri-owl {
    height: 340px;
}
.galeri-owl .owl-nav {
    margin-top: 1rem;
}
.pfysalt .row{
    width: 100%;
    margin-left: 0%;
}
.pfysalt .w20{
    width: 50%;
}
#play-button {
    width: 40px;
    height: 40px;
}
.play-icon {
    margin-left: 9px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #fff;
}
.mitasweare .text {
    position: absolute;
    top: 0;
    left: 0;
}
.mitasweare .text h4 {
    color: #fff;
    width: 80%;
    text-align: center;
}
.bggrey .row h3 {
    margin-bottom: 1rem;
}
.bggrey .row .w50 p {
    margin-bottom: 1rem;
}
.mobile-menu .mobile-menu-logo img {
    width: 100%;
    height: 30px;
    transition:0.5s;
}
.mobile-menu.navbar-mobile-takip .mobile-menu-logo img {
    width: 100%;
    height: 25px;
    transition:0.5s;
}
.surdurulebilirliks.bizkimiz.akademi .container .text {
    position: absolute;
    top: 10%;
}
 .akademiparts {
    padding-top: 5%;
}
.akademiparts .relativeimage {
    width: 100%;
    margin: auto;
}
.enerji_grid2_ic_alan .location-images {
    width: 30px;
    height: 30px;
}
.enerji_icon1.tunas-1 {
    left: 47.5%;
    top: 23%;
}
.kvkk .politikawidth .width30 {
    width: 24%;
    margin-bottom: 0rem;
    margin-right: 1%;
}
.kvkk .politikawidth {
    width: 100%;
}
.kvkk .politikawidth .width30 .download {
    height: 90px;
}
.kvkk .politikawidth .width30 .download img.hover {
    width: 13%;
}
.kvkk .politikawidth .width30 .download img {
    width: 20%;
}
.kvkk .politikawidth .width30:hover .download img.hover{
	
	animation: mymove 3s infinite;
}
@keyframes mymove{
	0%{
		transform:translate(0, 0);
	}
	50%{
		 
		transform:translate(0, 10px); 
	}
	100%{
		transform:translate(0, 0);
		}
}
.raf1 .row {
    padding-left: 5%;
    padding-right: 5%;
}
.raf1 .row p {
    margin-bottom: 1rem;
}
.mitasaile .ortalatext .row {
    width: 100%;
    margin: auto;
}
.mitasaile .ortalatext .row .btnfirst { 
    margin: inherit;
}
.isgpart .row .w50 h4 {
    color: #002E6E;
    font-weight: 500;
    letter-spacing: -0.495px;
    margin-bottom: 1rem;
}
.isgpart .row .w50:last-child {
    margin-top: 1rem;
}
.timelinein .row .left {
    width: 100%; 
}
.timelinein .top1 { 
    z-index: -1;
}
.timelinein .row .top3 { 
    z-index: -1;
}
.timelinein .row {
    margin-bottom: 2rem;
}
.dotnewslide .oneslide-owl .item .mainslidercard img {
    height: 40vh;
    object-fit: cover;
}
.dotnewslide .oneslide-owl .item .mainslidercard video {
    height: 40vh;
    object-fit: cover;
}
.dotnewslide {
    height: 40vh; 
}
.dotnewslide .twoslide-owl .owl-item.active.test .item p::before {
    left: calc(35% - -28px);
}
.dotnewslide .twoslide-owl .owl-item.active.test .item p::after {
    left: calc(37% - -31px);
}
.dotnewslide .twoslide-owl .item p::after {
    left: 40%;
}
.dotnewslide .twoslide-owl .item::after { 
    left: -138px; 
}
.dotnewslide .twoslide-owl .owl-item .item::before { 
    left: -138px; 
}
.dotnewslide .twoslide-owl .item p::after {
    left: 48%;
}
.dotnewslide .twoslide-owl .owl-item .item p::before {
    left: 49%;
}
.inaniyoruzanim {
    height: 40vh;
}
.inaniyoruzanim .row {
    top: 30%;
}
.rakamlar .row .w50:last-child {
    width: 100%;
    margin-left: 15%;
}
.rakamlar .row .w50 {
    height: auto; 
}
.services { 
    position: inherit;
}
.rakamlar .rakmlarabsol { 
    width: 30%;
}
.km2 .w40 {
    padding-left: 0%;
    margin-top: 50px;
    width: 100%;
}
.km2 .km2-owl .owl-nav {
    left: 29%;
    top: -280px;
}
.km2 .kmabsol { 
    top: 15%;
}
.projects {
    height: 40vh;
}
.projects .project-bg img {
    height: 40vh;
}
.projects .row .w70 h2 { 
    width: 80%;
}
.raf2.bggrey ul li { 
    width: 100%; 
    padding-right: 5%; 
    margin-bottom: 2rem;
}
.surdurulebilirliks.bizkimiz.vizyon {
    padding-top: 0%;
}
.stajbasvuruformu .w30 {
    width: 100%;
}
.stajbasvuruformu .w70 {
    width: 100%;
}
.custom-select-wrapper { 
    width: 90%; 
}
.isgpart .w40{
	width:100%;
}
.iletisimformu .row textarea {
    width: 100%;
    height: 85%;
}
.answer .row .w50 h4 { 
    font-size: 20px; 
    margin-bottom: 2rem;
}
.answer .row .w50 .contactlog a, .answer .row .w50 .contactlog p { 
    font-size: 15px; 
}
ul.accordion-list li h3 { 
    padding-left: 2%;
    margin-bottom: 1rem;
}
.vizyon.fabrika .container .row .w50 h3 { 
    margin-bottom: 0rem;
}
.vizyon.fabrika .container .row .w50 h5 { 
    margin-bottom: 0rem; 
}
.fabrikalar .kutuhover { 
    height: 300px; 
}
.fabrikalar .kutuhover .bgimages img {
    max-height: 300px;
    opacity: 1;
}
.fabrikalar .kutuhover h4 {
    font-size: 20px;
    margin-bottom: 1rem;
} 
.flimage img{
	width:100%;
}
 .mevzuatpart { 
    padding-top: 5%;
    padding-bottom: 5%;
}
.absol4 { 
    top: 10px; 
}
.mevzuatpart .w80 .bggri .list .w90 a .okimage img {
    margin-right: -30px;
    max-width: 30px;
}
.footer .beyazlogo {
    width: 60%;
    margin-top: 19px;
}
.bizkimiz .w40 {
    width: 100%;
}
.bizkimiz .w60 {
    width: 100%;
}
.bizkimiz .absol { 
    opacity: 0.3;
}
.bizkimiz .w30 h5 span { 
    letter-spacing: normal;
}

 .mitasaile .ortalatext h3 {
    width: 58%; 
}

 .mitasaile.etikform .ortalatext .row .btnfirst { 
      margin-bottom: 1rem;
    margin-top: 1rem;
}
.vizyon.fabrika.urunhizmet  .container .row .w50:last-child{
display:block;	
}
.mitasaile.etikform .ortalatext .row .btnfirst a img:first-child {
    max-width: 30px;
    margin-left: 10px;
}

.mpowering .row .w50 h3{ 
    max-width:90%;
}
.km2 .w30 img{
	object-fit:cover;
}
.inaniyoruzanim .row {
    opacity: 0 !important;
}
.mitasbanner .film {
    height: 500px;
}
.mitasbanner {
    height: 500px;
    min-height: 500px;
}
    .mitasbanner.sea {
        min-height: 500px !important;
        height: 500px !important;
    }
    .mitasbanner video {
        width: 100%;
        object-fit: cover;
        height: 500px; 
    }
 .newpr.kumru .textblock h4 {
    color: #fff;
    width: 100%;
    font-weight: 300;
    margin-bottom: 1rem;
}
 .newpr.sea .textblock h4 {
    color: #fff;
    width: 100%;
    font-weight: 300;
    margin-bottom: 1rem;
}
 .newpr.cezayir .textblock h4 {
    color: #fff;
    width: 100%;
    font-weight: 300;
    margin-bottom: 1rem;
}
.newpr .textblock h4 {
    color: #fff;
    width: 100%;
    font-weight: 300;
    margin-bottom: 1rem;
}
    .newpr .textblock { 
        padding-left: 10%;
    }

.newpr .textblock h4 strong { 
    color: #fff!important;
}

.newpr.kumru .textblock p {
    margin-top: 2rem;
    width: 90%;
    color: #fff;
} 
.newpr.sea .textblock p {
    margin-top: 2rem;
    width: 90%;
    color: #fff;
} 
.newpr.cezayir .textblock p {
    margin-top: 2rem;
    width: 90%;
    color: #fff;
} 
    .newpr .textblock p {
        margin-top: 2rem;
        width: 90%;
        color: #fff;
    }
.newpr.sea { 
    padding-top: 0%; 
}
    .inaniyoruz .row .w60 h5 {
        font-size: 20px;
        width: 95%;
        margin: 0;
    }

.inaniyoruzanim .bakgroundgelsin video {
        width: 100%;
        height: 40vh;
        object-fit: cover;
    }

    .rakamlar .row .w50:first-child img {
        width: 100%;
        text-align: left;
        margin-bottom: 0rem !important;
    }
        .rakamlar .row .w50 p {
        width: 100%;
        font-size: 20px;
        text-align: center;
        margin: 0;
        padding: 0;
    }
        .rakamlar .row .w50:first-child {
        margin-left: 0%;
        margin-right: 0%;
    }
        .rakamlar .row .w50 img {
        margin-bottom: 1rem !important;
    }
    .header-mobile { 
        top: 0; 
        position:fixed;
    }

    .mitasbanner.hak{
        min-height: 140px !important;
        background-size: 100%;
        height: 140px;
        margin-top: 2rem;
    }
}




@media (max-width: 800px) {
 
 .absol4 {
    top: 10px;
    opacity: 0;
}
 .mitasaile.etikform .ortalatext .row .btnfirst { 
    margin-bottom: 2rem;
}
.inaniyoruzanim .w50 p { 
    margin-bottom: 1rem; 
}
.dotnewslide .twoslide-owl { 
    display: none !important;
}
.kvkk .politikawidth .width30 {
    width: 32%;
    margin-bottom: 0rem;
    margin-right: 1%;
}
.enerji_grid2_ic_alan .location-images {
    width: 50px;
    height: 50px;
}
.location-images img {
    width: 40px !important;
    height: 40px;
    object-fit: contain;
}
.part-1 .w50 a {
    width: 30%;
    height: 40px;
}

.part-1 .w50:first-child {
    margin-bottom: 30px;
}  

.verticalslide .vert .item {
  width: 49%;
    display: inline-block;
    margin-left: 0.5%;
}
.verticalslide {
    height: 105vh;
    width: 100%;
}
.kuzuprojeler .row .cardskutu {
    position: relative;
    width: 100%;
    margin-bottom: 3%;
    overflow: hidden;
}
.kuzuprojeler .row .cardskutu .imgcard {
    height: 300px;
    overflow: hidden;
}
    .kuzuprojeler .row .cardskutu:hover .text {
        top: 0;
    }
      .gallery #sync1 .item img {
        height: 30vh;
    }  
    
        .gallery #sync1 .owl-nav .owl-prev {
        left: -60px;
        width: 50px;
        height: 50px;
    }
        .gallery #sync1 .owl-nav .owl-next {
        right: -60px;
        width: 50px;
        height: 50px;
    }

    
    
    
    
    
    
    
}

@media (min-width: 600px) {

	 
 
}

@media (max-width: 600px) {

	section.projectdetailv2banner{
		
padding: 0;
		
margin-top: 55px;
	}

	.projectdetailv2{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.projectdetailv2 .container{
		max-width: 100%;
	padding: 20px;
	}
	.projectdetailv2 table td:first-child{
		max-width: 70px;
	}
	.projectdetailv2 table td {
		max-width: 70px;
		font-size: 14px;
	}
.bannerdetail{
	padding: 0 !important;
}
	.projectdetailv2 h3{
		font-size: 24px;
	}.projectdetailv2 p{
		font-size: 15px;
	}
.bannerdetail h2{
	padding: 0 !important;
	font-size: 24px;
}

.bannerdetail .container{
	/* padding: 0 !important; */
	max-width: 100%;
	padding: 20px;
}

	
	.footer p a{
		font-size: 16px;
		color: #a7d1ff !important;
	}
	.footer ul li a {
	color: #4595ee !important;
	font-size: 20px;
	}
	.footer p strong{
		font-size: 16px;
		color: #a7d1ff !important;
	}
	h1 {
	 	font-size: 30px;
	}
	h2 {
	 font-size: 27px; 
	} 
	h3 { 
	 font-size: 21px;  
	}
	h4 {
	 font-size: 18px;
	}
	h5 {
		font-size: 17px;
		}
	h6 { 
	 font-size: 15px; 
	}
	p, li, a, td, th { 
	    font-size: 13px; 
	}
	span{ 
		font-size: 12px;
	}
	
	 .pt-96{
 	padding-top:36px;
 }
 
 .pb-96{
 	padding-bottom:36px;
 }
 .pt-48{
 	padding-top:12px;
 }
 
 .pb-48{
 	padding-bottom:12px;
 }
 
 .mt-96{
 	margin-top:36px;
 }
 
 .mb-96{
 	margin-bottom:36px;
 }
 .mt-48{
 	margin-top:24px;
 }
 
 .mb-48{
 	margin-bottom:24px;
 }
	
  
.texttab {
    position: absolute;
    left: 5%;
    width: 62%;
    bottom: 0;
    padding: 10px 30px 140px 30px;
}
.marquespart h3 {
    font-size: 40px;
    line-height: 52.5px;
}
.verticalslide .vert .item {
    width: 100%;
    display: inline-block;
    margin-left: 0;
}

.verticalslide {
    height: 180vh;
    width: 100%;
}
.footer ul { 
    display: inline-block;
}
.footer ul li {
    margin-bottom: 1rem;
    display: inline-block;
    width: 24%;
    text-align: left;
}
.mobile-menu .mobile-menu-hamburger img {
    width: 25%;
}
.mobile-menu .mobile-menu-logo img {
    width: 100%;
    height: 50px;
    transition: 0.5s;
}
.part-1 .w50 a {
    width: 60%;
    height: 40px;
}
.mitasbanner .izlencetext {
    width: 100%;
}
.surdurulebilirliks .container .images img { 
    height: 70vh; 
}
.pfysalt .row .wid {
    width: 180px;
    height: 180px;
    margin: auto;
}
.mitasweare .backgroundimage img {
    width: 100%;
    max-height: 700px;
    border-radius: 20px;
    height: 340px;
    object-fit: cover;
}
.mitasweare .text h4 {
    color: #fff;
    width: 95%;
    text-align: center;
}
.enerji_grid2_ic_alan .location-images {
    width: 30px;
    height: 30px;
}
.kvkk .politikawidth .width30 {
    width: 49%; 
}
.mitasaile .absolute img {
    width: 30%;
}
.mitasaile .ortalatext p {
    color: #fff;
    width: 100%;
    text-align: center;
}
.mitasaile .ortalatext h3 {
    width: 78%;
}
.mitasaile .ortalatext .row .btnfirst a { 
    margin-bottom: 1rem;
}
.inaniyoruz .row .w40 {
    width: 100%;
}
.inaniyoruz .row .w60 { 
    width: 100%;
}
.inaniyoruzanim .row {
    top: 20%;
}
.km2 .km2-owl .owl-nav {
    left: 35%;
    top: 0;
    height: 50px
}
.km2 .km2-owl .item a.kmtab.active::before {
    bottom: -169%;
    left: 3%;
}
.km2 .km2-owl .item a.kmtab.active::after {
    bottom: -109%;
    left: 34%;
}
.projects .row .w70 { 
    width: 100%;
    height:auto;
}
.projects .row .w30 {
    width: 100%;
}
.projects {
    height: 60vh;
}
.projects .project-bg img {
    height: 60vh;
} 
.surdurulebilirliks .container .text h3 {
    width: 95%;
}
.raf2.bggrey ul li::before {
    width: 20px;
    height: 20px;
    left: -20px;
}
.raf2.bggrey ul {
    padding: 0;
}
.raf2.bggrey ul li{
    padding-left:20px;
}
.stajbasvuruformu .w40 {
    width: 100%;
}
.stajbasvuruformu .w60 {
    width: 100%;
}
ul.accordion-list li h3 {
    padding-left: 5%;
    margin-bottom: 1rem;
}
.fabrikalar .kutuhover {
    width: calc(100% / 1); 
    margin-bottom: 1rem;
}
.mitasaile.etikform .ortalatext .row .btnfirst a {
    width: max-content;
    padding: 0 5px;
    height: 60px;
    cursor: pointer;
}
.modal .modal-dialog {
    width: 100%;
    padding-top: 70%;
    margin: 0;
}
.rakamlar .row .w50:last-child {
    width: 100%;
    margin-left: -3%;
}
.circle--rotate {
    height: 350px !important;
    width: 350px;
    margin: initial;
}
.circle--slider .animate-wrapper {
    width: 250px;
    height: 250px !important;
    left: 0;
}
.circle--slider .circle--rotate > li.active div::after {
    width: 60px;
    height: 60px;
    left: -13px;
    top: -13px;
}
.services::before {
    width: 0;
    height: 0;
    left: 25px;
    top: 25px;
    opacity: 0;
}
.services::after {
    width: 0;
    height: 0;
    left: 25px;
    top: 25px;
    opacity: 0;
}
.circle--slider .animate-more img {
    max-width: 60px;
    object-fit: contain;
    margin-bottom: 1rem;
}
.services {
    width: 100%;  
    height: 440px;
}
.km2 h4 { 
    height: 50px;
}
.tunasparts .w30 {
    width: calc(100% / 1);
}
.tunasparts .w30 a .cards img { 
    height: 20vh; 
}
.tunasparts .mitasbtn {
    width: 100%;
}
.tunasparts .mitasbtn a {
    background: #0072B9;
    margin: auto;
}
.surdurulebilirliks.anasayfa.gel .container .images img{
	
    height: 40vh;
}
.surdurulebilirliks.anasayfa.gel .container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.surdurulebilirliks.anasayfa.gel .container .text {
    position: absolute;
    bottom: 15%;
    left: 5%;
    z-index: 9;
}
.haberler .row .medya-tab { 
    margin-bottom: 1rem;
}
.stajbasvuruformu h3 { 
    margin-bottom: 1rem; 
}
.custom-select-trigger:after { 
    width: 10px;
    height: 10px; 
    right: 25px; 
}
.answer .row .w50 .contactlog a, .answer .row .w50 .contactlog p { 
    font-size: 13px; 
    width: 90%;
} 
.surdurulebilirliks.bizkimiz.vizyon.guvence .container .images img{
	
    height: 40vh;
}
.surdurulebilirliks.bizkimiz.vizyon.guvence .container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.surdurulebilirliks.bizkimiz.vizyon.guvence .container .text {
    position: absolute;
    bottom: 15%;
    left: 5%;
    z-index: 9;
}
.surdurulebilirliks.bizkimiz.vizyon.fabrikaofis .container .images img{
	
    height: 40vh;
}
.surdurulebilirliks.bizkimiz.vizyon.fabrikaofis .container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.surdurulebilirliks.bizkimiz.vizyon.fabrikaofis .container .text {
    position: absolute;
    bottom: 15%;
    left: 5%;
    z-index: 9;
}
.stajbasvuruformu textarea { 
    font-size: 13px;
}
.stajbasvuruformu label { 
    font-size: 12px; 
}
.stajbasvuruformu input { 
    font-size: 13px;
}
.stajbasvuruformu label span { 
    font-size: 11px;
}
.raf1 .row h3 { 
    margin-bottom: 0rem;
}

.surdurulebilirliks.bizkimiz.hakkimizda.son .container .images img{
	
    height: 40vh;
}
.surdurulebilirliks.bizkimiz.hakkimizda.son  .container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.surdurulebilirliks.bizkimiz.hakkimizda.son  .container .text {
    position: absolute;
    bottom: 15%;
    left: 5%;
    z-index: 9;
}
.surdurulebilirliks.bizkimiz .container .text p {
    display: block;
    margin-bottom: 1rem;
    width: 100%;
}
.haberler .container {
    margin-bottom: 3rem;
}
.haberler.sirketler .haberblog-owl .owl-nav { 
    right: 27%; 
}

.raf1.olanakimage .w50 img{
    width:100%;
    }
        .mitasbanner {
        min-height: 190px !important;
        background-size: 100%;
        height: 190px;
    }
    .newpr {
    min-height: 50vh; 
    background-attachment: initial;
    background-position: 100%;
}
    
    .newpr.kumru .textblock {
    background: #00000050;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 10%;
}
    .newpr.sea .textblock {
    background: #00000050;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 10%;
}
    .newpr.cezayir .textblock {
    background: #003b7cbd;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 10%;
}

    .newpr .textblock {
    background: #00000050;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 10%;
    background: #003b7cbd;
}
.newpr.kumru { 
    padding-top: 0%; 
}
.newpr.cezayir {
    min-height: 40vh;
    background-size: 110% 100%;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: initial;
    background-position: center;
    background-repeat: no-repeat;
}
.newpr.kumru .textblock h1 {
    color: #fff;
    margin-bottom: 1rem;
}
.newpr.sea { 
    padding-top: 0%; 
}

.newpr.sea .textblock h1 {
    color: #fff;
    margin-bottom: 1rem;
}

.newpr.cezayir .textblock h1 {
    color: #fff;
    margin-bottom: 1rem;
}
.newpr .textblock h1 {
    color: #fff;
    margin-bottom: 4rem;
}

.newpr.kumru .textblock h4 {
    color: #fff;
    width: 100%;
    font-weight: 300;
    margin-bottom: 1rem;
}
.newpr.sea .textblock h4 {
    color: #fff;
    width: 100%;
    font-weight: 300;
    margin-bottom: 1rem;
}
.newpr.cezayir .textblock h4 {
    color: #fff;
    width: 100%;
    font-weight: 300;
    margin-bottom: 1rem;
}
.newpr .textblock h4 {
    color: #fff;
    width: 100%;
    font-weight: 300;
    margin-bottom: 1rem;
}
.newpr .textblock h4 strong { 
    color: #fff!important;
}


.newpr.kumru .textblock p {
    margin-top: 0rem;
    width: 90%;
    color: #fff;
} 
.newpr.sea .textblock p {
    margin-top: 0rem;
    width: 90%;
    color: #fff;
} 
.newpr.cezayir .textblock p {
    margin-top: 0rem;
    width: 90%;
    color: #fff;
} 
    .newpr .textblock p {
        margin-top: 2rem;
        width: 90%;
        color: #fff;
    }
   .newpr .textblock { 
        padding-left: 10%;
    }
    .kuzuprojeler .row .cardskutu {
    position: relative;
    width: 100%;
    margin-bottom: 3%;
    overflow: hidden;
}

.kuzuprojeler .row .cardskutu .imgcard {
    height: 180px;
    overflow: hidden;
}
.kuzuprojeler .row .cardskutu .film {
    top: 0;
    opacity: 0.8;
    transition: 1s;
}
    .kuzuprojeler .row .cardskutu:hover .text {
        top: 0;
    }
    .footer ul {
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #4595ee;
        padding-bottom: 18px;
    }
        .footer ul li {
        width: 100%;
        margin: 0;
        margin-top: 0;
    }
    .footer p {
        width: 100%;
        margin: auto;
        margin-bottom: 2px;
    }
        .mitasbanner.sea {
        min-height: 190px !important;
        height: 190px !important;
    }
    .newpr.sea {
    min-height: 80vh; 
    background-position: 60% 0%;
}
    
        .mitasbanner video {
        width: 100%;
        object-fit: cover;
        height: 190px;
    }
            .gallery #sync1 .owl-nav .owl-prev {
        left: -40px;
        width: 30px;
        height: 30px;
    }
    
            .gallery #sync1 .owl-nav .owl-next {
        right: -40px;
        width: 30px;
        height: 30px;
    }
    .gallery #sync1 .owl-nav .owl-prev svg {
    width: 10px;
}
.gallery #sync1 .owl-nav .owl-next svg {
    width: 10px;
}
    .gallery #sync1 .item img {
        height: 20vh;
    }
        .gallery #sync2 .item img {
        height: 7vh;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
}