@media only screen and (min-width:851px){
.sticky .topBar{height:70px;box-shadow:0 5px 15px rgba(0,0,0,.25)}
.sticky .logo{width:170px}
}
@media only screen and (max-width:1550px){
.topBar{height:90px}
.logo{width:200px}
.menu ul li a{font-size:14px}
.mtop{margin-top:90px}
.hk{margin-top:50px;width:55%}
.hk h2{font-size:30px;margin-bottom:30px}
.hk p{font-size:16px}
.hk h3{font-size:18px}
.contactForm>ul>li textarea{height:100px}
.formBtn{width:40px}
.galleryCarousel .items{height:500px}
}
@media only screen and (max-width:850px){
.hk{width:80%}
.hk p{margin-bottom:25px}
.contact{width:100%}
.contact-form{width:100%;margin-left:0;margin-top:30px}
.menuActive .iletisim-m.active{display:none!important}
.iletisim-m{position:fixed;width:100%;background:#71726e;display:inline-block!important;box-sizing:border-box;bottom:-200px;z-index:10;transition:all .3s ease-in-out;left:0}
.iletisim-m.active{bottom:0;box-shadow:0 0 15px rgba(0,0,0,.2)}
.iletisim-m ul li{float:left;width:50%;font-size:22px;text-align:center;list-style:none}
.iletisim-m ul li i{display:block;box-sizing:border-box;width:25px;padding-bottom:0;display:inline-block;margin-right:10px;position:relative}
.iletisim-m ul li:nth-child(1){box-sizing:border-box;border-right:1px solid #868686}
.iletisim-m ul li:nth-child(2){box-sizing:border-box}
.form-icon{position:absolute;top:-25px;width:80px;left:50%;margin-left:-40px;text-align:center}
.iletisim-m ul li a{color:#fff;font-size:16px;width:100%;padding:0;height:55px;display:flex;align-items:center;justify-content:center}
.iletisim-m ul{width:100%;display:inline-block;float:left;padding:0;margin:0}
.menu>li{margin:0 10px}
.menu>li>a{font-size:15px}
.formBtn{display:none}
.fixForm{right:0;position:relative;top:0;transform:inherit;width:100%;float:left;display:inline-block;border-radius:0;z-index:9}
.closeForm{display:none}
.harita{margin-bottom:55px}
.sosyalContent p{font-size:16px}
.menuBtn{width:50px;height:45px;position:absolute;right:0;border:1px solid #fff;box-sizing:border-box;padding:11px 8px;top:50%;transform:translateY(-50%);transition:all .2s ease-in-out;display:inline-block}
.menu-trigger{transition:all .5s 0s;width:100%;height:100%;display:inline-block;position:relative}
.menu-trigger .line{width:100%;position:absolute;top:0;left:0;height:1px;background:#fff;transition:.3s}
.menu-trigger .line.line-1{transition:all .3s .3s,transform .3s 0s}
.menu-trigger .line.line-2{top:50%;margin-top:-1px;left:0;transition:all .3s .3s}
.menu-trigger .line.line-3{bottom:0;top:auto;left:0;transition:all .3s .3s,transform .3s 0s}
.menu-trigger.active{transform:rotate(135deg);transition:all .5s .3s}
.menu-trigger.active .line-1{top:50%;margin-top:-1px;transform:rotate(90deg);transition:all .3s,transform .3s .3s}
.menu-trigger.active .line-2{opacity:0;transition:all .3s,opacity .3s 0s}
.menu-trigger.active .line-3{bottom:50%;margin-bottom:-1px;transform:rotate(0);transition:all .3s,transform .3s .3s}
.menu{position:fixed;top:0!important;right:0;display:inline-block;width:300px;height:100%;z-index:0;background-color:#46535d;overflow:scroll;padding:20px;box-sizing:border-box;display:none;background:#46535d;background:-moz-linear-gradient(top,rgba(237,27,85,1) 0,rgba(206,0,82,1) 100%);background:-webkit-linear-gradient(top,#323e48 0,#4c5358 100%);background:linear-gradient(to bottom,#323e48 0,#4b4d4e 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1b55', endColorstr='#ce0052', GradientType=0 )}
.menu>li{width:100%;display:inline-block;position:relative}
.menu>li>a{display:block;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.25);color:#fff;font-size:15px;font-weight:700}
shadowMask{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:95;transition:all .3s cubic-bezier(.42,0,.13,1);opacity:0;visibility:hidden;pointer-events:none}
.menuActive .shadowMask{right:300px;opacity:1;visibility:visible;pointer-events:inherit}
.logo{width:140px}
.menuActive .iletisim-m.active{display:none!important}
.menuActive main{right:300px;box-shadow:5px 0 20px rgba(0,0,0,.2)}
.sticky.menuActive .topMenu{right:300px}
body.menuActive{overflow:hidden}
.menu ul li{width:100%;display:inline-block;position:relative}
.menu ul li a{display:block;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.25);color:#fff;font-size:15px;font-weight:700}
.menuActive .topBar{left:-300px}
}
@media only screen and (max-width:767px){
.mobileNone{display:none;}
.catalogList li {
    float: initial;
    margin: 0 auto;
    width: 70%;
}
.galleryCarousel ul li{margin-bottom:10px;height:170px}
.topBar{height:65px;z-index:99}
.mtop{margin-top:65px}
.hk{width:100%;text-shadow:2px 4px 5px #686b72}
.pdn{padding:25px 0}
.title{font-size:8vw;padding-bottom:25px}
.galleryCarousel .owl-next,.galleryCarousel .owl-prev{width:35px;height:25px}
.galleryCarousel .owl-nav{display:none}
.contact{padding:30px}
.contact ul li{font-size:16px}
.catalogList{width:100%;margin:35px auto}
.tabMenu{width:100%}
.tabMenu ul{width:100%}
.tabMenu ul li{width:50%;margin:0 -1.5px}
.galleryCarousel .items{height:250px}
.sosyalImg{width:100%}
.sosyalContent{position:relative;margin:25px 0;display:inline-block;width:100%;text-align:center}
.sosyalContent h2{font-size:6vw}
.homeSlider .owl-dot{width:20px;height:20px;border-width:3px!important;margin:0 3px}
.homeSlider .owl-dots{bottom:10px}
.menu{width:275px}
.menuActive .shadowMask{right:275px}
.menuActive main{right:275px}
.sticky.menuActive .topBar{left:-275px}
.harita{height: 300px;}
}