@media only screen and (max-width:1600px) {
    .logo {
        width: 70%;
        margin-bottom: 15px;
    }
    
    .contact_form .form-text {
        height: 40px;
    }
   
    
    .contactList li img {
        width: 18px;
    }
    .galleryCarousel .items {
        height: 350px;
    }
    .footerLogo {
        width: 150px;
    }
    
    .bottom figure img {
        width: 90px;
    }
    .projeList li {
        height: 260px;
    }
}


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

.wrapper { background-size: 100%; position: relative; display: inline-block; width: 100%; min-height: inherit; right: 0px; }
.form-holder {position: relative;width: 100%;box-shadow: initial;padding: 25px;height: auto;}
.form-inner { width: 300px; margin: 0 auto; display: table; }
.main-page{height: auto;width: 100%; overflow: hidden;}


.ozellikList {
    display: grid;
    grid-template-columns: 50% 50%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    overflow-x: hidden;
}

.ozellikList li {width: 40%;margin: 15px auto;}

.ozellikList li a span {
    font-size: 4vw;
}

.ortaYazi {
    float: left;
}

.ortaYazi h2 {
    font-size: 5vw;
}

.ortaYazi p {
    font-size: 4vw;
}

.pdn {
    padding: 25px 0px;
}

.title2 span {
    font-size: 6vw;
}

.hakkinda article {
    width: 100%;
    padding-right: 0px;
}

.title2 h2 {
    font-size: 5vw;
}

.hakkinda figure {
    float: initial;
    margin: 0 auto;
    width: 70%;
}

.hakkinda p {
    font-size: 4vw;
    text-align: center;
}

.title2 {
    margin-bottom: 10px;
    text-align: center;
}
.contact {
    width: 100%;
    position: relative;
    padding-top: 30px;
    text-align: center;
}

.map {
    width: 100%;
    position: relative;
    margin-top: 20px;
    height: 300px;
}

.contact h2 {
    font-size: 5vw;
}

.contact h3 {
    font-size: 6vw;
}

.contact p {
    font-size: 4vw;
}

.contactList {
    flex-direction: column;
    margin-top: 25px;
}

.contactList li {
    font-size: 4vw;
    width: auto !important;
}

.contactList li a {
    font-size: 7vw;
}

.contactList li:first-child {
    margin-bottom: 20px;
}
.ozellikList li a figure::before {
    right: -10px;
    top: -10px;
    bottom: -10px;
    left: -10px;
}
.header img {
    width: 100%;
    max-width: initial;
    height: auto !important;
}

.header {
    overflow-x: hidden;
}

.titleOrta {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.titleOrta h2 {
    font-size: 5vw;
}

.projeList li {
    height: 150px;
}

.projeList li figure {
    width: 80%;
}


.bnrSect {
    overflow-x: hidden;
}

.bnrSect img {
    max-width: initial;
    width: 180% !important;
    margin-left: -10%;
}

.column-2 li {
    width: 100%;
    margin: 0px;
}

.contactTitle h2 {
    font-size: 6vw;
}

.contactTitle {
    margin-bottom: 0px;
}

.galleryCarousel .items {
    height: 200px;
}

.galleryCarousel .owl-prev span, .galleryCarousel .owl-next span {
    padding-bottom: 80px !important;
    box-sizing: border-box;
    height: 140px !important;
    display: inline-block;
}
.gallerySect{padding: 0px;}
.contact p a {
    font-size: 6vw;
    display: table;
    margin: 15px auto 0px;
}

.contact p br {
    display: none;
}
.bottom .container {
    flex-direction: column;
}

.footerTel {
    margin: 15px 0px 5px;
}

.footerLogo {
    width: 100px;
}

.bottom {
    padding: 70px 0px 120px;
}

.mobil-action{position:fixed;background: #358ae1;width:100%;bottom:0;padding: 5px 0;box-shadow:0 0 10px rgb(0 0 0 / 30%);z-index:7;display:inline-block}
a.mobil-ara img{width:45px}
.mobil-ara{position:absolute;width:80px;height:80px;background: #ffffff;border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:40px;left:50%;margin-left:-40px;color:#fff;top:-40px;animation:pulse-ani 2s infinite 3s cubic-bezier(.25,0,0,1);box-shadow: 0 0 10px rgb(0 0 0 / 15%);}
.mobil-btns{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 40px;box-sizing:border-box}
.mobil-btns a{color:#fff;font-size:14px;padding:10px 0;display:flex;align-items:center}
.mobil-btns a img{width: 25px;margin-right: 10px;}
.mobil-btns a span{font-size: 4vw;}
.mobil-btns a i{font-size:18px;margin-right:10px}
}

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

@media only screen and (max-width: 350px) {
.form-inner { width: 100%; }
}