@media (max-width: 1681px) {
 h1 {   
	font-size: 60px;
}
h2 {
	font-size: 40px;
} 
h2 span{width: 40px;display: inline-block;margin-right: 10px;} 
h2 strong{display: block;color: #0014AD;font-weight: 400;}
h3 { 
	font-size: 35px;
} 

h4 { 
	font-size: 30px;
}

    h5 {
        font-size: 25px;
        line-height: 120%;
    }
    .navpart.navbar-takip .w80 ul li a {
    color: #0014AD;
    font-size: 16px;
}
h6 {
	color: #191828;
	font-size: 23px;
}
p, li, a, td, th, button {
	font-size: 20px;
}
ul{
	margin:0;
	padding:0;
} 
.swiper-slide .people__card h5 { 
    margin-bottom: -50%; 
}
 .mapproject .container #parent-proje-tab .row .w30 #parent-city-tab .owl-project .owl-nav { 
    right: -70px; 
}
.length { 
    right: 31%;
    top: 64%;
}
 .zrdparallax h1 { 
    font-size: 46px;
    width: 65%;
}
 .hizmetlercard .row {
    width: 85%; 
}
 .iletisimparts .w50:nth-child(2) {
    text-align: center; 
}
 .iletisimparts .w50 table tr td:nth-child(1) {
    font-weight: 700;
    width: 13%;
}
 .header-li:hover .submenu {
    left: -290%;
}
 .swiper-slide .people__card .zrdbutton {
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
}
  .hizmetlercard .hizmetcard20 .text .zrdbutton{
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
      
      }
 .navpart .w80 ul li a { 
    font-size: 16px; 
}
.footer .row .w80 ul li a {
    font-size: 16px;
} 
.footer .row .w80 ul li {
    margin-right: 50px;
}
 .header-li .submenu { 
    top: 89px; 
}

.navpart.navbar-takip .header-li .submenu {
    top: 70px;
}
}

@media (max-width: 1550px) {
 
 .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;
 }
    .header-li:hover .submenu {
        left: -267%;
    }
  .navpart .header-li .submenu {
        top: 78px;
    }
 
        .navpart.navbar-takip .header-li .submenu {
        top: 65px;
    }
    .footer .row .w80 ul li a {
        font-size: 17px;
    }
.footer .row .w80 ul li {
    margin-right: 50px;
}
.navpart .w80 ul li a { 
    font-size: 17px; 
}
.zrdfiltre .w90 .wbolalt {
    width: calc(100% / 6 - 10px);
    margin-right: 30px;
}
.dropdown-list { 
    top: 50px; 
}
.project-card .text p { 
    font-size: 14px; 
}
.project-card .text h6 { 
    margin-bottom: 4rem;
}
.wheel__item__container__inner__content .wheel__item__title { 
    font-size: 16px;
    line-height: 18px; 
}
.akoritem h6 { 
    font-size: 20px;
    margin: 0;
}
.akoritem {
    margin-bottom: 0rem;
}
.zrdbutton a { 
    font-size: 14px;
    width: 200px; 
}
.length {
    right: 31%;
    top: 67%;
}
.zrdparallax { 
    min-height: 450px; 
}    
.tarihce .km-owl .owl-nav .owl-prev {
        left: -70px;
    }
    .tarihce .km-owl .owl-nav .owl-next {
        right: -85px;
    }
    
.yonetim-owl .owl-nav .owl-prev { 
    left: -70px; 
}
.projelerimiz .project-card {
    width: 32%;
    margin: 0.5%;
    height: 455px;
}

.project-card .text h6 {
    width: 90%;
}
.footer .row .w20 p {
    width: 90%;
}
.referanslarwowda .owl-nav { 
    top: -170%; 
}
.referanslarwowda .owl-nav button .okimage { 
    margin-left: 10px;
}
.hizmetlercard .hizmetcard20:hover .text {
    top: 0%;
}
.hizmetlercard .hizmetcard20 .text .slide__number {
    margin-bottom: 0.1rem;
}
.hizmetlercard .hizmetcard20 .text h5 {
    line-height: 120%;
}
.navpart .w80 ul li { 
    padding-left: 5px;
    padding-right: 5px; 
}
.navpart.navbar-takip .w80 ul li { 
    padding-left: 5px;
    padding-right: 5px;
}
    .navpart .w80 ul li a {
        font-size: 14px;
    }
        .navpart.navbar-takip .w80 ul li a {
        color: #0014AD;
        font-size: 13px;
    }
    
}


@media (max-width: 1500px) {
 h1 {   
	font-size: 50px;
}
h2 {
	font-size: 35px;
} 
h2 span{width: 35px;}  
h3 { 
	font-size: 30px;
} 
h4 { 
	font-size: 27px;
}
h5 {
	font-size: 24px;
}
h6 {
	color: #191828;
	font-size: 21px;
}
p, li, a, td, th, button {
	font-size: 18px;
}
 
 .navpart .w20 img {
    width: 60%;
    padding-top: 20px; 
    padding-bottom: 20px;
}
.header-li:hover .submenu {
    left: -304%;
}
.header-li .submenu {
    top: 83px;
}
.owl-nav .okimage {
    width: 50px;
    height: 50px; 
    margin-right: 0px; 
}
.owl-nav button .okimage img {
    width: 25px;
} 
.zrdparallax h1 {
    font-size: 45px;
    width: 75%;
}
 
    .footer .row .w80 ul li {
        margin-right: 15px;
    }
.tarihce .km-owl .owl-nav .owl-prev img{ 
    width:auto; 
}
.tarihce .km-owl .owl-nav .owl-next img{ 
    width:auto;
}
.yonetim-owl .owl-nav .owl-next { 
    right: -70px; 
}
.haber-detay .row span { 
    margin-bottom: 0rem; 
}
.header-ul .header-li::before { 
    height: 5px; 
}
.hizmetlercard .row {
    width: 90%;
}
 
.header-li:hover .submenu {
        left: -241%;
    }
    .navpart.navbar-takip .header-li .submenu {
        left: -258%;
        top: 60px;
    }
    .submenu-title-holder {
    padding: 1.56vw 80px .78vw;
}
    .subbar .w90 .sub-owl .item .row .w80 span {
        width: 99%;
    }
.header-li:hover .submenu {
        left: -232%;
    }
.ilgiliprojelerowl .project-owl .owl-nav {
    top: -7%;
}
.hizmetlercard .hizmetcard20 .text .slide__number {
    margin-bottom: 0.6rem;
}
.tarihce .km-owl .owl-nav .owl-next {
        right: -60px;
}
    .footer .row .w80 ul li a {
        font-size: 14px;
    }
}

@media (max-width: 1400px) {	
.navpart .header-li .submenu { 
    left: -231%; 
}
 .project-card .text h6 {
    text-align: center;
    width: 90%; 
    margin-top: 3rem; 
    margin-bottom: 8rem;
}
 .project-card .text p {
    font-size: 12px;
}
.navpart.navbar-takip .header-li .submenu {
    
    left: -232%;
}
.header-li:hover .submenu {
        left: -231%;
    }
.zrdbanner { 
    height: 450px; 
}
.zrdabout .w50 img.ikon {
    max-width: 70px;
}
 
    .ilgiliprojelerowl .project-owl .owl-nav {
    top: -8%;
}

h2 span {
    width: 50px;
    display: inline-block;
    position: relative;
    height: 29px;
}


.referanslarwowda .owl-nav {
    position: absolute;
    top: -180%;
    right: 0;
}
.hizmetlercard .hizmetcard20 .text .slide__number img {
    max-width: 40px;
    max-height: 40px;
}

.subbar .w90 .sub-owl .item .row .w80 span {
    font-size: 16px;
}




}

@media (max-width: 1300px) {
	 h1 {   
	font-size: 45px;
}
h2 {
	font-size: 30px;
} 
h2 span{width: 30px;}  
h3 { 
	font-size: 27px;
} 

h4 { 
	font-size: 24px;
}

h5 {
	font-size: 21px;
}
h6 {
	color: #191828;
	font-size: 18px;
}
p, li, a, td, th, button {
	font-size: 16px;
}
		 
 .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;
 }
  .navpart .w80 ul li a {
    font-size: 13px;
}
.navpart .w80 ul li img.seravsdgs { 
    width: 20px;
}
.searchtopright .inpt input { 
    height: 40px;  
}
.searchtopright { 
    height: 60px; 
}
.searchtopright .close { 
    right: 14px;
    top: 20px; 
}
.length {
    right: 19%;
    top: 76%;
}
.header-li:hover .submenu {
        left: -263%;
}
.header-li .submenu {
    top: 78px;
}
    .navpart.navbar-takip .header-li .submenu {
        top: 60px;
        left: -263%;
    }
    .navpart.navbar-takip .w80 ul li a {
        color: #0014AD;
        font-size: 13px;
    }
.zrdfiltre .w90 .wbolalt {
    width: calc(100% / 5 - 10px);
    margin-right: 5px;
}
.project-card .text h6 { 
    margin-bottom: 4rem;
}
.subbar .w90 .sub-owl .item .row .w80 span { 
    font-size: 14px; 
}
 
.hizmetlercard .hizmetcard20 {
    width: 31%;
    margin: 1%; 
}
    .hizmetlercard .hizmetcard20:hover .text {
        top: 15%;
    }
    .hizmetlercard .hizmetcard20 .text {
        top: 50%;
    }
.hizmetlercard {
    padding-bottom: 5%;
}
.footer .row .w20 input {
    width: 100%; 
}
.footer .row .w80 p { 
    width: 100%; 
    font-size: 15px;
    padding-left: 5%; 
}
.footer .row .w80 p a {
    color: #fff;
    font-size: 15px;
}
.haberlercard .w30 .habercard .text::before { 
    left: 0%; 
    top: 24px;
}
.haber-detay .habercard .text::before { 
    left: -1%; 
    top: 46px;
}
.haber-detay .habercard .imgs img { 
    height: 250px; 
}
.haber-detay .habercard .imgs {
    height: 250px; 
}
h2 span::after {
    width: 30px;
    top: 70%;
}
.unitleftright .w50 img {
        max-width: 64px;
        top: -20px;
    }
 
 
.navpart .w80 ul li.header-li {
    width: 150px;
    min-width: 150px !important;
}
.icnews-owl .owl-nav {
    top: -15%;
}
h6 { 
    margin-bottom: 1rem;
}
    .mapproject .container #parent-proje-tab .row .w30 #parent-city-tab .owl-project .owl-nav {
        right: -10px;
    }
    .hizmetlercard .hizmetcard20 .text .zrdbutton {
    bottom: 25%;
}
.unitleftright.iceride .w50::before {
    left: 15px;
}
}
@media (min-width:1200px){
	.mobile-menu {
		display: none;
	}
	
}
@media (max-width: 1200px) {
		 h1 {   
	font-size: 35px; 
}
h2 {  
	font-size: 27px; 
} 
 
h3 { 
	font-size: 23px; 
}
 
 
h4 { 
	font-size: 20px; 
}

h5 {
	font-size: 17px; 
	line-height: 140%; 
}
h6 { 
	font-size: 14px; 
}
p, li, a, td, th, button { 
	font-size: 12px; 
}
 .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;
	}
	 
 
 .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;
}
 
.mainslide .content-carousel .anasayfa-owl .owl-item .item .text {
    position: absolute;
    left: 8%;
    top: 10%;
    width: 90%;
}
.navbar-takip-mobile { 
    padding-top: 1%;
    padding-bottom: 1%;
    position:fixed;
}
.header-mobile.navbar-takip-mobile .header-mobile-logo img {
    width: 50%;
}
.header-mobile.navbar-takip-mobile .header-mobile-hamburger img {
    width: 5%;
}
.mainslide .content-carousel .anasayfa-owl .owl-item .item .text .artexbtn a.artexb {
    width: 58%;
}
.navpart { 
    display: none;
}
.mainslider .tabs .tablist ul li.active::before {
    content: "01"!important;
    position: absolute;
    color: #fff;
    border: none;
    top: 0px;
    left: 0;
    font-size: 20px;
}
.people__card { 
    height: 416px; 
}
    .swiper .slidepush.swiper-button-prev {
        top: 96%;
        width: 40px;
        height: 40px;
    }
.swiper .slidepush.swiper-button-next { 
    top: 96%;
        width: 40px;
        height: 40px;
}
.wheel__item__container__inner__content .wheel__item__icon { 
    height: 50px;
    width: 50px;
}
.wheel__item__container__inner__content .wheel__item__title {
    font-size: 13px;
    line-height: 15px;
    transform: translate(-50% , 30%);
}
.mapproject .container ul li { 
    font-size: 15px; 
}
.length {
    right: 0%; 
}
.zrdparallax h1 {
    font-size: 35px;
    width: 75%;
}
.news-owl .owl-nav { 
    top: -82px;
}
.footer .row .w80 ul li a {
        font-size: 15px;
    }
.footer .row .w80 p:nth-child(2) {
    margin-top: 14rem;
    width: 50%;
}
.footer .absolfooter { 
    width: 50%;
}
.footer .absolfooter img {
    width: 100%;
}
.services .row .w40 h2 { 
    width: 85%;
}
.akoritem h6 {
    font-size: 15px;
    margin: 0;
}
.akoritem h6 { 
    padding-left: 40px;
}
.mapproject .container #parent-proje-tab .row .w30 #parent-city-tab .owl-project .owl-nav {
    right: -40px;
}
.zrdbanner {
    height: 400px;
}
.tarihce #parent-km-tab .w50 h3 { 
    font-size: 50px; 
}
.tarihce #parent-km-tab .w50 img { 
    height: 390px; 
}
.unitleftright .w50 img {
        position: absolute;
        right: 10%;
        top: -25px;
        width: 9%;
    }
.haberlercard .w30 .habercard .imgs img {  	
    height: 200px; 
}
.haberlercard .w30 .habercard .imgs {
    height: 200px; 
}
.haberlercard .w30 .habercard .text::before {
    left: -2%;
    top: 20px;
}
.zrdbutton a { 
    padding: 10px 20px 10px 30px; 
    font-size: 15px; 
}
.zrdbutton a svg { 
    top: 7px; 
}
.haber-detay .habercard .text {
    padding-left: 0;
    position: relative;
}
.haber-detay .row span { 
    font-size: 11px; 
}
.haber-detay .habercard .text span { 
    padding-top: 0px;
    padding-bottom: 0px;
}
.haber-detay .habercard .imgs img {
    height: 150px;
}
.haber-detay .habercard .imgs {
    height: 150px;
}
.haber-detay .habercard .text::before {
   content:"";
}
.haber-detay .habercard .text h6 {
    font-weight: 800;
    padding: 0;
    margin-bottom: 0rem;
}
.haber-detay .icowl { 
    width: 90%; 
}
.project-card .text .row {
    transform: translate(0px, 0px);
}
.project-card .bgimages .film {
    background: #0014AD;
    opacity: 0.8;
}
.project-card .text h6 {
    margin-bottom: 1rem;
}
.project-card .text p {
    font-size: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.project-card .text h6 {
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.hizmetlercard .hizmetcard20 .bgimages .filmas {
    background: #0014AD;
    opacity: 0.6;
}
.hizmetlercard .hizmetcard20 .text {
    top: 45%;
}
.hizmetlercard .hizmetcard20 .text p {
    opacity: 1;
    transition-delay: 0.5s;
}
.hizmetlercard .hizmetcard20 .text .zrdbutton {
    opacity: 1;
    transition-delay: 0.5s;
}
.iletisimparts .w50:nth-child(2) {
    width: 50%;
}
.iletisimparts .w50 {
    width: 50%;
}
.iletisimparts .w50 table tr td:nth-child(2) {
    padding-left: 20px;
}
.iletisimformu .row input {
    width: 90%;
    height: 35px; 
}
.people__card .films {
    background: #0014AD;
    opacity: 0.6;
}
.swiper-slide .people__card h5 {
    position: relative;
    margin-bottom: 2rem;
}
.swiper-slide .people__card p {
    opacity: 1; 
}
.swiper-slide .people__card .zrdbutton {
    opacity: 1; 
}
.owl-nav .okimage {
    width: 40px;
    height: 40px;
    margin-right: 0px;
}
.mapproject .container #parent-proje-tab .row .w30 #parent-city-tab .owl-project .owl-nav {
  
    top: 81%;
}
.length { 
    top: 72%;
}
.zrdfiltre .w90 .wbolalt { 
    margin-right: 10px;
    margin-bottom: 0;
}
.unitleftright.iceride .w50::before {
        left: 10px;
        top: 48px;
    }
    .unitleftright.iceride .w50::after {
    top: 58px;
}
    .zrdfiltre .w90 .wbolalt {
        width: calc(100% / 4 - 10px);
        height: 40px;
        margin-bottom:1rem;
    }
    .zrdfiltre .w90 .wbolalt.lastbutton a {
        height: 40px;
    }
    .mapproject .container #parent-proje-tab .row .w30 #parent-city-tab .owl-project .owl-nav {
        right: -10px;
    }
    .mainslider .tabs #parent-tab-item .slidesdesc2 {
    	bottom: 21%;
	}
	    .icnews-owl .owl-nav {
        top: -20%;
    }
    .dropdown-label {
	    font-size: 14px;
	}
	.zrdfiltre .w90 .wbolalt.lastbutton a{
	    font-size:14px;
	    }
	.dropdown-list {
    	min-width: 150px;
	}
	.flip-card-front {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
    .project-card .text h6 {
        margin-bottom: 0rem;
        margin-top: 0rem;
    }
       .hizmetlercard .hizmetcard20 .text {
        top: 15%;
    }
        .tarihce .km-owl .owl-nav .owl-prev {
        left: -52px;
    }
        .tarihce .km-owl .owl-nav .owl-next {
        right: -43px;
    }
    
}
@media(min-width:900px){
	.masaustu{display:block!important;}
	.mobil{ display:none!important;}	
	.mobile{ display:none!important;}	
}

@media (max-width: 900px) {
    .people__card__image {

    width: 160%;
}
.footer .row .w20 ul {
    width: 100%;
}
.hizmetlercard .hizmetcard20 {
    max-height: 400px;
}
.dropdown {
    height: 40px;
}
    .hizmetlercard .hizmetcard20 .text h5 {
        
        width: 90%;
    }
     
    .swiper .slidepush {
    width: 40px;
    height: 40px;
}
    .swiper .slidepush.swiper-button-prev {
        top: 93%;
    }
        .swiper .slidepush.swiper-button-next {
        top: 93%;
    }
.hizmetlercard .hizmetcard20 .text {
        top: 15%;
        padding-left: 10px;
        padding-right:10px;
    }
    .hizmetlercard .hizmetcard20 .text .zrdbutton a {
        font-size: 14px;
        width: 184px;
    }
    .mobile-menu-links ul li .panel-mm a {
        font-size: 20px;
    }
	 

 .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:12px;
 }
 
 .mb-48{
 	margin-bottom:12px;
 }
 .w50 {
	width: 100%;
	position: relative;
 }
 .masaustu{display: none!important;}
	.mobil{ display:block!important;}
	.mobile{ display:block!important;}	
 
.mobile-menu-links ul li a {
    font-size: 25px; 
}
.zrdbanner {
    height: 300px;
}
.unitleftright .w50 img { 
    top: -25px;
    width: 9%;
}	
.unitleftright.iceride .w50::before {
    left: 10px;
    top: 50px;
    font-size: 20px;

}
.unitleftright.iceride .w50::after { 
    top: 57px; 
}
.footer .row .w80 ul li a {
    font-size: 14px;
} 
.footer .row .w80 ul li {
    margin-right: 10px;
}
.zrdabout .w50 p {
    margin-bottom: 0rem;
}
.zrdabout.uzmanligimiz .w50 { 
    margin-bottom: 2rem;
}
.projelerimiz .project-card {
    width: 49%;
    margin: 0.5%;
}
    .zrdabout .w50 img {
        width: 100%;
        max-height: 400px;
        object-fit: cover;
        object-position: top;
    }
h6 { 
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.zrdabout .w50 h2 {
    margin-bottom: 1rem;
}
.whellpart .w50:first-child{
display:none;
}
	.accil {
 
    font-size: 20px; 
    margin-bottom: 1rem;
}
.mainslider .tabs { 
    height: 60vh; 
}
.mainslider .tabs #parent-tab-item .imgs img { 
    height: 60vh; 
}
.mapproject .container #parent-proje-tab .row .w30 #parent-city-tab .owl-project .item .zrdbutton {
    margin-top: 2rem;
}
.mapproject .container #parent-proje-tab .row .w30 #parent-city-tab .owl-project .owl-nav {
    top: 81%;
    right: 200px;
    width: 150px;
}
.length { 
    display: none;
}
.iletisimformu .row textarea {
    width: 100%;  
    height: 76%; 
}
.unitleftright.iceride .w50::before {
    left: 7px;
    top: 50px;
    font-size: 16px;
}
.subbar .w90 .sub-owl .item .row .w20 img {
    max-width: 25px;
    width: 30px;
    object-fit: contain;
}
.subbar .w90 .sub-owl {
    position: relative;
    padding-left: 5%;
    padding-right: 5%;
}
.sub-owl .owl-nav .owl-next {
    position: absolute;
    right: -30px;
    top: 23%;
}
h2 span::after { 
    width: 30px; 
    top: 75%;
}

 .hizmetdetayroww .w50 ul{
 	margin-bottom:2rem;
 }
 .flip-card { 
    height: 410px;
}
       .swiper-slide .people__card .zrdbutton {
        opacity: 1;
    }
    .tarihce #parent-km-tab .w50 {
    
    width: 50%;
}
    .unitleftright .w50 img {
        top: -5px;
        width: 6%;
        right: 5%;
        max-height: 40px;
        object-fit: contain;
    }
        .ilgiliprojelerowl .project-owl .owl-nav {
        top: -12%;
    }
    .haber-detay .row h2 span {
    margin: 0;
}
.news .news-owl .item .habercard p {
    height: 30px;
}
.haberlercard .w30 .habercard .text p {
    height: 45px;
}
.subbar .w90 .sub-owl .item.active .row .w20 img {
    max-width: 35px;
    width: 40px;
    max-height: 35px;
}
    .subbar .w10 h6 {
        margin-top: 0px;
    }
        .people__card {
        height: 356px;
    }
        .zrdbutton a {
        padding: 10px 20px 10px 30px;
        font-size: 13px;
    }
    .swiper-horizontal { 
    padding-bottom: 15% !important;
}
.zrdabout .w50 img.ikon {
        max-width: 70px;
        margin-bottom: 2rem;
    }
}
@media (max-width: 800px) {
 		 h1 {   
			font-size: 30px;  
		}
		h2 {  
			font-size: 22px; 
		} 		 
		h3 { 
			font-size: 20px; 
		}
		h4 { 
			font-size: 18px; 
		}		
		h5 {
			font-size: 15px; 
			line-height: 140%; 
		}
		h6 { 
			font-size: 13px; 
		}
		p, li, a, td, th, button { 
			font-size: 12px; 
		}
		h3:after {
		    top: 5px;
		    left: -15px;
   		 	width: 11px;
		}
		    .zrdbutton a {
                font-size: 13px;
            }
                .zrdbutton a svg {
        top: 6px;
        right: 15px;
        width: 20px;
    }
.zrdparallax h1 {
    font-size: 25px;
    width: 75%;
}
.zrdparallax {
    min-height: 250px;
}
.approach .container .owl-approach .owl-item .item .top {
    height: 40px;
    position: relative;
}
 .approach .container .owl-approach .owl-item .item {
    width: 90%;
    padding-top: 40px;
}
.approach .container .owl-approach .owl-item .item .top img { 
    top: -30px;
}
.news .news-owl .item .habercard .tooimages img {
    height: 260px; 
}
.news .news-owl .item .habercard .tooimages {
    height: 260px; 
}
.news .news-owl .item .habercard .number { 
    top: 280px;
}
.footer .row .w20 {
    width: 100%;
    text-align: center;
    margin: auto;
}
.swiper-horizontal {
    padding-bottom: 17% !important;
}
    .swiper .slidepush.swiper-button-next {
        top: 92%;
    }
        .swiper .slidepush.swiper-button-prev {
        top: 92%;
    }
.footer .row .w20 .logo img {
    width: 30%;
}
.footer .row .w20 .logo {
    margin-bottom: 2rem;
}
.footer .row .w20 p { 
    display: none;
}
.footer .row .w20 { 
    margin-bottom: 2rem;
}
.footer .row .w80 {
    width: 100%;
}
.footer .row .w80 ul {
    width: 100%;
    flex-direction: column;
}
.footer .row .w80 ul { 
    display: inline;
}
.footer .row .w80 ul li {
    margin-right: 40px;
    display: inline-flex;
}
.footer .row .w80 {
    width: 100%;
    height: 120px;
}
.footer { 
    overflow: hidden;
}
.hizmetlercard .hizmetcard20 {
    width: 48%;
    margin: 1%;
}
.subbar .w90 .sub-owl .item .row {
    padding: 0px;
    height: 50px; 
}
 
.sub-owl .owl-nav { 
    height: 0;
}  
.footer { 
    width: 100%;
}
.haberlercard .w30 {
    margin-right: 3%; 
    width: 47%;
}
.haber-detay .row .w80 {
    width: 100%;
}
.haber-detay .row span { 
    padding-bottom: 1rem;
    margin-bottom: 2rem; 
}
.zrdabout .w50:first-child {
	margin-bottom:2rem;
}
.tarihce #parent-km-tab .w50 { 
    width: 50%;
    padding: 0;
}
.tarihce #parent-km-tab .w50 img {
    height: 270px;
    width: 90%;
}
.tarihce .km-owl .owl-nav .owl-prev {
    left: -30px;
}
.tarihce .km-owl .owl-nav .owl-next { 
    right: -30px;
}
.yonetim-owl .owl-nav .owl-next {
    right: -46px;
}
.yonetim-owl .owl-nav .owl-prev {
    left: -46px;
}
    .ilgiliprojelerowl .project-owl .owl-nav {
        top: -19%;
    }
    .referanslarwowda .owl-nav {
    position: absolute;
    top: -110%;
    right: 0;
}
}

@media (min-width: 600px) {

	 
 
}

@media (max-width: 600px) {
	
	h1{
		font-size:28px
	}
	 .pt-96{
 	padding-top:24px;
 }
 
 .pb-96{
 	padding-bottom:24px;
 }
 .pt-48{
 	padding-top:12px;
 }
 
 .pb-48{
 	padding-bottom:12px;
 }
 
 .mt-96{
 	margin-top:24px;
 }
 
 .mb-96{
 	margin-bottom:24px;
 }
 .mt-48{
 	margin-top:12px;
 }
 
 .mb-48{
 	margin-bottom:12px;
 }
 
 #city--hover { 
    display: none!important;
}
 .zrdabout .w50:first-child {
    margin-bottom: 0;
}
.tarihce #parent-km-tab .w50 img {
    height: 130px;
    width: 90%;
}
.tarihce #parent-km-tab .w50 h3 {
    font-size: 20px; 
}
.tarihce #parent-km-tab .w50:nth-child(2) p {
    margin-top: 0px;
}
.tarihce #parent-km-tab .w50 {
    width: 100%;
    padding: 0;
}
.tarihce #parent-km-tab .w50 img {
    height: 220px;
    width: 100%;
    margin-bottom: 2rem;
}
.tarihce #parent-km-tab .w50 {
    width: 100%;
    padding: 0;
    text-align: center;
}
.yonetim-owl .owl-nav .owl-prev {
    left: -30px;
}
.yonetim-owl .owl-nav .owl-next {
    right: -26px;
}
.zrdparallax h1 {
    font-size: 20px;
    width: 85%;
}
.footer .row .w20 input { 
    margin-top: 0rem; 
} 
.haber-detay .row span {
    padding-bottom: 1rem;
    margin-bottom: 0rem;
}
.haber-detay .row h2 span { 
    width: 20px;
}
.icnews-owl .owl-nav .owl-next {
}
.icnews-owl .owl-nav .owl-prev {
}

.haberlercard .w30 {
    margin-right: 0%;
    width: 100%;
}
.haberlercard .w30 .habercard .text .zrdbutton {
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.subbar .w10 { 
    width: 100%;
}
.subbar .w10 h6 {
    margin-top: 10px;
}
.subbar .w90 {
    width: 100%;
}
.sub-owl .owl-nav .owl-next {
    position: absolute;
    right: -30px;
    top: 11%;
}
.w50 { 
    padding-left: 10%;
    padding-right: 10%;
}
.subbar .w90 .sub-owl .item {
    padding-top: 0px;
    padding-bottom: 0px;
}
.hizmetlercard .hizmetcard20 {
    width: 100%;
    margin: 1%;
}
.hizmetlercard .hizmetcard20 .bgimages img {
    width: 100%;
    height: 45vh;
}
.iletisimparts .w50 {
    width: 100%;
}
.iletisimparts .w50:nth-child(2) {
    width: 100%;
}
.iletisimformu .row {
    width: 100%;
}
.iletisimformu .row input {
    width: 100%;
    height: 35px;
    margin-bottom: 1rem;
}
.iletisimformu .row .w100 input {
    width: 100%;
}
.iletisimformu .row .w40{
	width:100%;
}
.mainslider .tabs #parent-tab-item .maintabdiv .slidesdesc h1 { 
    text-align: center;
}
.mainslider .tabs .tablist { 
    bottom: 0%; 
}
.services .row .w40 {
    width: 100%;
    margin-bottom: 2rem;
}
.services .row .w60 {
    width: 100%; 
}
.mapproject .container #parent-proje-tab .row .w70 {
    width: 0;
}
.mapproject .container #parent-proje-tab .row .w30 {
    width: 100%;
}
.mapproject .container #parent-proje-tab .row .w30 #parent-city-tab .owl-project .owl-nav {
    top: 76%;
    right: -20px;
    width: 150px;
}
.mapproject .container ul li {
    margin-right: 10px;
    padding: 5px 10px;
    font-size: 13px; 
    margin-bottom: 2rem;
}
.zrdfiltre .w10 {
    width: 100%;
}
.zrdfiltre .w10 p {
    display: none;
} 
.zrdfiltre .w90 {
    width: 100%;
}
.dropdown { 
    font-size: 10px; 
}
.dropdown-label {
    margin: 0;
    width: 100%;
    text-align: center;
    color: #001B40;
    font-size: 12px;
    font-weight: 600;
}
.zrdfiltre .w90 .wbolalt.lastbutton a{
     margin: 0;
    width: 100%;
    text-align: center;
    color: #001B40;
    font-size: 12px;
    font-weight: 600;
    }
.zrdfiltre .w90 .wbolalt {
    width: 46%;
}
.projelerimiz .project-card {
    width: 100%;
    margin: 0.5%;
}
.zrdfiltre {
    display: none;
} 
.zrdabout.uzmanligimiz .w50 img.ikon {
        margin-bottom: 0rem;
    }
.mobile-menu-links ul li a {
    font-size: 20px;
}

.mobile-menu-links ul li .panel-mm a{
	font-size:16px;
}
.zrdabout .w50 img.ikon {
    max-width: 40px;
    margin-bottom: 1rem;
}
h2 span::after {
    width: 30px;
    top: 74%;
}
.flip-card-front, .flip-card-back {  
}
.flip-card-front, .flip-card-back { 
    backface-visibility: visible; 
}
.flip-card-back {
    background-color: transparent; 
    width: 100%;
}
.flip-card-front {
    overflow: hidden;
    transform: rotateY(0deg);
}
.project-card .text:nth-child(3){
		margin-top:3rem;
	}
	.flip-card-back { 
    transform: rotateY(0deg); 
}
.flip-card:hover .flip-card-inner {
    transform: rotateY(0);
}
.approach { 
    overflow: hidden;
}
.mapproject{
	display:none;
}
.services .row .w60 { 
    margin-left: 10%;
    margin-right: 10%;
    overflow: hidden;
}
.news .news-owl {
    margin-left: 0%;
    padding-left: 5%;
    padding-right: 5%;
}
    .accil:after {
        margin-bottom: 0px;
        margin-top: -5px;
    }
        .mainslider .tabs #parent-tab-item .imgs img {
        height: 65vh;
    } 
        .mainslider .tabs {
        height: 65vh;
    }
    
.downscroll a {
    font-size: 11px;
    color: #fff;
}
.downscroll {
    bottom: 18%; 
    animation: pump 4s ease infinite; 
}
@keyframes pump{
	0%{
		bottom: 18%;
	}
	50%{
		bottom: 28%;
	}
	100%{bottom: 18%;}
}
    .swiper-slide .people__card .zrdbutton {
        margin-left: 0px;
    }
    .swiper-horizontal {
    padding-bottom: 20% !important;
}
.swiper .slidepush.swiper-button-prev { 
    left: 30%; 
}
.swiper .slidepush.swiper-button-next { 
    left: 55%; 
}
.news h6 {
    border-bottom: 1px solid #C2C2C2;
    padding-bottom: 1rem;
    margin-bottom: 0rem;
}

.zrdabout .w50:last-child{margin-top:1rem;}
.zrdparallax {
    background-attachment: inherit;
}
.footer .row .w80 ul li a::after {
    height: 1px;
}
    .footer .row .w80 ul li {
        margin-right: 5%;
        display: inline-flex;
        width: 18%;
    }
    .zrdabout .w50 img.ikon {
        margin-top: 1rem;
    }
    .tarihce #parent-km-tab .w50 h3::before{
    	display:none;
    }
        .tarihce #parent-km-tab .w50:nth-child(2) p {
        text-align: center;
    }
    .tarihce #parent-km-tab .w50 {
    
    width: 100%;
}
    .ilgiliprojelerowl .project-owl .owl-nav {
        top: -15%;
    }
        .news-owl .owl-nav {
        top: -72px;
    }
    .referanslarwowda .owl-nav {
        position: absolute;
        top: -180%;
        right: 0;
    }
.subbar .w90 .sub-owl .item.active .row .w20 img {
    max-width: 35px;
    width: 30px;
}
    .flip-card-front {
        overflow: hidden;
        display: block;
    }
    .flip-card-front div {
        padding-top:5%;
    }
    .subbar .w90 .sub-owl {
         
        padding-left: 0%;
        padding-right: 0%;
    }
    .subbar .w10 {
        width: 100%;
        margin-bottom: 1rem;
    }
    .subbar .w10 h6 { 
        margin-left: 5%;
    }
    .zrdabout.mobildegel{
    	padding-bottom:1rem;
    }
    .tarihce #parent-km-tab .w50 h3 { 
    letter-spacing: 1px;
}
    .unitleftright.iceride .w50::before { 
        top: 0px; 
    }
    .unitleftright.iceride .w50::after {
        top: 0;
    }
    #pagination { 
    margin-top: 10%;
}
    .swiper .slidepush.swiper-button-prev {
        
        top: 94%;
    }
        .swiper .slidepush.swiper-button-next {
        
        top: 94%;
    }
            .hizmetlercard .hizmetcard20 .text {
        top: 1%;
    }
    .hizmetlercard .hizmetcard20 .text .zrdbutton {
        position: absolute;
        bottom: 50px;
        left: 0;
    }   
    .referanslarwowda .owl-nav {
        
        display: none;
    }
    .haber-detay .row h2 span::after {
        width: 17px;
    }
    .footer .row .w20 ul {
    width: 100%;
}
.news-owl .owl-nav {
        top: -82px;
    }
    .news h6 {
        border-bottom: 0px solid #C2C2C2;
    }
    .sub-owl .owl-nav .owl-prev {
    opacity: 1;
    position: absolute;
    position: absolute;
    left: -35px;
    top: 11%;
    transform: rotate(180deg);
}
    .hizmetlercard .hizmetcard20:hover .text {
        top: 0%;
    }
        .unitleftright .w50 img {
        
        width: 8%;
        right: 10%;
        max-height: 40px;
        object-fit: contain;
    }
      .footer .row .w80 ul li {
        margin-right: 14%;
        display: inline-flex;
        width: 18%;
        margin-bottom: 1rem;
    }
    .iletisimformu .row .w40 {
        width: 100%;
        margin-bottom: 2rem;
    }
     .iletisimformu .row .flx label {
    display: block;
    margin-left: 10px;
}
.iletisimformu .zrdbutton a {
        
       
        margin-right: 0 !important;
    }
    .zrdbanner.iletisim img {
        object-position: 70% 0;
    }
}

@media(max-width:395px){
	.mainslider .tabs {
        height: 70vh;
    }
    .mainslider .tabs #parent-tab-item .imgs img {
        height: 70vh;
    } 
   
}

