@media only screen and (max-width:1500px){
    .haberCarousel .items {
        height: 220px;
    }
    
    .haberCarousel figure {
        width: 220px;
    }
    
    .blogTitle {
        width: calc(100% - 220px);
    }
    
    .blogTitle span {
        letter-spacing: 0px;
    }
    .owl-dot {
        width: 15px;
        height: 15px;
        margin: 5px;
    }
}
@media only screen and (max-width:850px){
.header{height:500px;background-position:70% 50%}
.topBar{padding:10px 5%;background-color:#fff;position:fixed;z-index:999;box-shadow:0 0 20px rgb(0 0 0 / 40%);height:60px!important}
.logo{width:45%}
.menuBtn{width:70px}
.sliderContent h1{font-size:5vw;padding-top:15px;margin-bottom:5px}
.sliderContent h1::Before{height:5px;width:80px}
.sliderContent{width:55%;left:5%;top:25%}
.sliderContent p{font-size:3vw}
.social li{margin-right:5px;width:20px}
.pdn{padding:30px 0}
.title{font-size:6vw;margin-bottom:25px}
.sirketler{width:100%}
.sirketler li{width:48%;padding:15px 10%;height:80px}
.titleImg{width:100px;bottom:initial;top:-80%}
.threeColumn{display:inline-block}
.hBox{width:100%;margin:15px 0;padding:30px 8%;border-radius:20px}
.hBox p{font-size:3.5vw}
.hBox figure{width:60px}
.hBox span{font-size:5vw}
.hkBefore{width:45%;left:25%;transform:translate(-50%,-50%);top:35%;pointer-events:initial;z-index:0}
.hakkinda figure{width:60%;margin-left:20%;float:left}
.hakkinda article{width:100%;padding:25px 0;text-align:center}
.title2 span{font-size:2.5vw}
.title2 h2{font-size:7vw}
.hakkinda p{font-size:3.5vw;margin-bottom:15px}
.blogList li{width:46%;margin:2%}
.blogList li figure{height:150px}
.blogTitle{flex-direction:column;justify-content:center;width: calc(100% - 220px);}
.blogTitle span{width:100%;font-size:3vw;margin-bottom:10px}
.blogTitle i{font-size:3vw;text-align:center}
.moreBtn a{font-size:4vw}
.bottom .container{flex-direction:column;height:auto}
.bottom{height:auto}
.contact{position:relative;transform:initial;left:0;top:0;margin:25px 0}
.footerLogo{width:50%}
.sticky .logo{filter:initial}
.fixedMenu{width:100%;top:60px}
.fixedMenu ul li a{font-size:5vw}
.fixedMenu ul li{text-align:center}
.closeBtn{left:initial;right:25px}
.tab-menu li{width: 21%;float:left;margin:0;margin:15px 2%;padding-right: 0px;}
.tab-menu{margin-bottom:0}
.headerInner{height:auto;padding:100px 5% 40px;background-image:none!important;background-color:#efefef}
.titleTop{text-align:center;font-size:6vw;color:#35426f}
.tab-menu li a{width:100%;margin:0}
.tab-menu li a{width:100%;margin:0}
.haberCarousel .items{height:180px}
}
@media only screen and (max-width:767px){
.header{height:300px}
.sliderContent{top:32%}
.tab-menu li {
    font-size: 14px;
    letter-spacing: 0px;
    width: 29%;
}

.haberCarousel figure {
    width: 150px;
}

.haberCarousel .items {
    height: 150px;
}

.blogTitle {
    width: calc(100% - 150px);
}

.owl-dot {
    width: 10px;
    height: 10px;
    margin: 2px;
}
}