@media only screen and (max-width:1600px){
.logo{width:170px;padding:15px}


.menuCenter ul li a{font-size:16px;}

.menu1 li{margin:0 10px}
.menuRight img{width:40px}
.menuRight a span{height:45px}
.menu1 li a i{width:18px}
.kampanya{top:14%}
.form-title{margin-bottom:10px;font-size:20px}
.contact_form .form-text,.contact_form .form-textarea{height:35px}
.form-submit{height:45px}
.contact_form LI{margin-bottom:10px}
.tabs .flexItem .col .title span{font-size:14px}
.tabs .flexItem .col .title span b{font-size:13px}
.tabs .flexItem .col .detailText{font-size:11px;padding:8px 30px 8px 10px}
.cityDropdown>.caption{font-size:14px}
.bottom .logo{width:160px}
.bottom .right{width:calc(98% - 160px)}
.bottom{height:72px}
.bottom .right img{width:30px}
.tabs .flexItem .col .detailArea .address{font-size:14px;line-height:1.4}
.tabs .flexItem .col{padding:15px 20px}
.tabs .flexItem .col .title::before{top:14px;width:24px}
}
@media (min-width:1450px) and (max-width:1575px){
.kampanya{top:10%;width:42%}
}

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

.logoDesktop{width:170px;}
.menuCenter ul li a{font-size:14px;}


}

@media only screen and (max-width:850px){
.form-holder{width:100%; height:max-content; position:fixed; z-index:999999; bottom:-100%}
/* .form-holder.active{bottom:100px !important; } */
.form-holder{position:relative;width:100%;padding:25px 20px;z-index:10}
.form-inner{width:90%;margin:0 auto;display:table}
.w100{width:100%}
.menuBar{top:0;left:0;right:0;border-radius:0;width:100%;position:fixed;z-index:999;box-shadow:0 0 15px rgb(0 0 0 / 13%);background-color:#fff}
.p1{height:auto;margin-top:70px;background-size:100%;background-color:#eee}
.kampanya{position:relative;margin-top:30px;float:initial;margin-bottom:50%;width:90%;top:0;transform:initial;left:0;margin:20px auto 40%}
.hakkinda figure{width:80%;margin:0 auto 20px;display:table;float:initial}
.pdn{padding:20px 0}
.hakkinda article{width:100%;padding:0}
h2{padding: 0 !important; text-align: center;}
.title2 span{font-size:6vw}
.title2 h2{font-size:6vw}
.hakkinda article p{font-size:4vw;letter-spacing:1px;text-align:justify}
.tanitimTitle *{font-size:5vw}
.tanitimAfter{float:initial;margin:0 auto;display:table;font-size:5vw;width:auto;padding:15px 25px}
.tanitimWidget a::before{right:10px;left:10px;width:auto;border-width:2px}
.cityDropdown{position:relative;top:0;float:left}
.tabs .flexItem .col{width:100%;margin:15px 0}
.tabs .flexItem{width:100%}
.logo{width:150px;padding:16px 10px;border-radius:0;display:block}
.logoDesktop{display:none}
.bottom .right{width:100%;margin-top:15px;justify-content:center}
.bottom .right a{font-size:4vw;float:left;margin:10px 0;text-align:center;padding:0 10px}
.bottom .right a:nth-last-child(1),.bottom .right a:nth-last-child(2),.bottom .right a:nth-last-child(3){width:auto}
.bottom{height:auto}
.menu1{position:fixed;top:-120%;left:0;right:0;z-index:15;background-color:#fff;height:calc(100vh - 70px);border-top:1px solid #b50e7d;flex-direction:column;transition:all .5s ease-in-out}
main{width:100%;display:inline-block}
.menuRight a span{font-size:3.7vw; white-space: nowrap; padding:5px 10px;margin:0;height:40px;background-color: transparent;color: #b50e7d;}
.menu1 li a{font-size:7vw}
.menu1 li{margin:15px 0}
.menu1 li a i{width:auto}
.menuRight a i{/* display:none */width: 30px;}
.menu-trigger{width:35px;height:25px;position:relative;cursor:pointer;display:inline-block;vertical-align:top;margin:5px 5px}
.menu-trigger .line{width:100%;position:absolute;top:0;left:0;height:2px;background:#fff}
.menu-trigger.second{transition:all .5s 0s;display:inline-block}
.menu-trigger.second .line{width:100%;position:absolute;top:0;left:0;height:2px;background:#b50e7d;transition:.3s}
.menu-trigger.second .line.line-1{transition:all .3s .3s,transform .3s 0s}
.menu-trigger.second .line.line-2{top:50%;margin-top:-1px;left:0;transition:all .3s .3s}
.menu-trigger.second .line.line-3{bottom:0;top:auto;left:0;transition:all .3s .3s,transform .3s 0s}
.menu-trigger.second.active{transform:rotate(135deg);transition:all .5s .3s}
.menu-trigger.second.active .line-1{top:50%;margin-top:-1px;transform:rotate(90deg);transition:all .3s,transform .3s .3s}
.menu-trigger.second.active .line-2{opacity:0;transition:all .3s,opacity .3s 0s}
.menu-trigger.second.active .line-3{bottom:50%;margin-bottom:-1px;transform:rotate(0);transition:all .3s,transform .3s .3s}
.menuActive .menu1{top:70px}
.family{width:45%}
.bddk{right:20px;top:110px;width:8%;}
.bottom .logo{float:initial!important;margin:0 auto}
.sliderYazi{width:50%;bottom:4%}

.menuRight{padding-right:50px;}

.menuCenter{opacity:0; position:absolute;pointer-events:none}
.menuCenter ul{display:flex;flex-direction:column;padding:30px 0px;}
.menuCenter ul li{border-left:0px;margin-bottom:15px;}
.menuCenter.opened{display:block;background:#b50e7d;left:0px;top:75px;height:auto;width:100%; transition:0.3s;opacity:1;pointer-events:all}

.menuLink{display:block;background:url(../images/icons/menuBtn.png) no-repeat;width:30px;height:30px;position:absolute;right:20px;opacity:1;transition:0.3s;}
.menuLink.opened{background:url(../images/icons/closeBtn.png) no-repeat;}

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

/* Arina Custom Css */
@media only screen and (max-width: 1600px) {
    .tabs .flexItem .col .title::before {
        top: 50%;
        width: 24px;
        max-height: 30px;
        transform: translateY(-50%);
    }

    .tabs .flexItem .col .title.active {
        padding: 15px 25px 15px 50px;
    }
}