@media only screen and (min-width:1700px){}
@media(min-width:1425px) and (max-width:1600px){}
@media(min-width:769px) and (max-width:1100px){ul.mainmenu li a{font-size:18px}
ul.mainmenu{margin-left:0;}
ul.mainmenu2 li a{font-size:18px}
ul.mainmenu2{margin-right:0;}
.footer-menu h4{font-size:14px}
.footer-menu li a{font-size:14px;line-height:20px}
.footer-sosyal{width:15%}
.footer-sosyal ul li{margin-right:3px}
.facebook{background-size:100%;width:24px;height:24px}
.twitter{background-size:100%;width:24px;height:24px}
.linkedin{background-size:100%;width:24px;height:24px}
.googleplus{background-size:100%;width:24px;height:24px}
.youtube{background-size:100%;width:24px;height:24px}
.footer-menu{width:12%}
.slider-text{left:150px;bottom:100px;font-size:34px;width:400px}
.form-title{font-size:22px}
.form-title span{font-size:17px}
.title{top:180px}
.galery-page .tabpage ul li{margin-right:15px}
.medya ul li{width:22%}
.adress ul{width:32%;margin:5px;}
}
@media only screen and (max-width:768px){#menu-button{position:fixed;top:30px;right:20px;display:block;width:50px;height:45px;background:#f26c4f;border-radius:3px;transition:300ms;z-index:99999}
#menu-button::after{position:absolute;content:"☰";font-size:42px;color:#fff;width:50px;height:50px;text-align:center;line-height:50px;transition:300ms}
#menu-button:hover{opacity:.8}
#menu-button.on::after{content:"x"}
#overlay{display:none;height:100vh;width:100%;position:fixed;z-index:99;opacity:0;background-color:rgba(0,0,0,0.4);bottom:0;right:0;left:0}
#overlay.open{display:block}
#hamburger-menu{height:0;width:0;background:#f26c4f;position:fixed;top:30px;right:73px;z-index:9999;overflow:hidden;border-radius:3px;display:block}
#hamburger-menu ul{padding:10px;z-index:101;overflow-y:hidden;overflow-x:hidden}
#hamburger-menu ul li a{display:block;padding:10px;color:#fff;font-size:16px;text-decoration:none;overflow:hidden;text-align:right;font-weight:100;transition:400ms}
#hamburger-menu ul li a:hover{cursor:pointer;background:hsla(0,0%,100%,.4);transition:400ms}
ul.mainmenu{display:none}
ul.mainmenu2{display:none}
.proje-text{width:100%;margin-left:0;}
.logo{}
header{position:relative;width:100%;top:0;}
.slider-text{margin:0 auto;font-size:34px;width:400px;}
.proje-text{width:100%;float:none}
.proje-img{width:100%;float:none;margin-bottom:20px;}
ul.tabs-menu li a{width:100%;box-sizing:border-box}
ul.tabs-menu li{float:none}
ul.tabs-menu{width:100%}
.footer-menu{float:none;width:auto;border:none;padding:0;text-align:center;margin-bottom:10px}
.footer-menu li a{text-align:center;display:block}
.footer-sosyal{float:none;width:100%;text-align:center;display:table}
.footer-sosyal img{width:25%}
.footer-sosyal ul{display:table;text-align:center;margin:0 auto}
.form_content{position:relative;width:100%;border:0;box-sizing:border-box;left:0;right:0}
form#form1{width:400px;margin:0 auto}
div#form-menu{display:none}
.tabpage{width:90%}
button.nextbtn{top:75px;width:35px;height:35px;left:-30px}
button.prevbtn{top:75px;width:35px;height:35px;right:-30px}
hr{display:none}
content h3{text-align:center;font-size:30px;}
.title{top:75px}
.galery-page .tabpage ul li{margin-right:8px}
.medya ul li{width:48%}
.adress{margin:0 auto;float:none;text-align:center}
.iletisim-right{width:100%;border:none;margin-top:20px;padding-left:0}
.metro{width:35%;bottom:0;top:inherit}
.balon{width:35%;left:0;top:-40px}
.kazanc{top:31px;width:35%;right:0}
.arac{width:30%;left:-70px;top:15px}
.cocuk{right:-15px;width:25%;top:0}
.spor{width:30%;left:0}
.adress ul{width:95%;margin:10px;border-bottom:2px solid #dfdfdf;float:none;box-sizing:border-box;}
.proje-img{float:left;width:100%;margin-left:0px;}
.logo{top:0;}
.accordian li.active{width:68%;}
.accordian li.active a{background-position:center !important;background-size:140% !important;}
.accordian li a{height:225px !important;display:block;}
.accordian{height:225px;}
}

@media only screen and (max-width:479px){.logo2{width:35%}
@media only screen and (max-width:479px){.logo{width:35%}
.slider-text{font-size:20px;width:300px;}
content h3{font-size:25px;margin-bottom:15px}
.proje-text p{font-size:14px}
form#form1{width:100%}
.footer-sosyal img{width:45%}
.title{top:30px;font-size:30px;width:150px}
ul.galery-menu li{float:none;box-sizing:border-box}
ul.galery-menu{width:100%;box-sizing:border-box}
.galery-page .tabpage ul li{width:45%}
.galery-page .tabpage ul li:nth-child(1){width:45%}
.medya ul li{width:46%}
.adress ul li{font-size:16px;}
.adress{width:100%}
.box2-text{width:100%;float:none}
.box1-text{width:100%;float:none}
.box1-text ul{padding-left:0}
.box2-text ul{padding-left:0}
.ayricalik-page h1{font-size:24px}
.ayricalik-page h1 span{font-size:24px}
.metro{top:-22px;right:-5px;width:40%}
.balon{top:-34px;left:-22px;width:45%;z-index:-1}
.kazanc{top:-40px;width:52%;z-index:-1}
.arac{left:-35px;top:-25px;width:40%;z-index:-1}
.cocuk{top:-30px}
.spor{top:inherit;bottom:-30px;width:45%}
.box1-text p{font-size:16px}
.box2-text p{font-size:16px}
.box1-text ul{font-size:16px}
.box2-text ul{font-size:16px}
.ayricalik-page{width:90%}
.adress h2{font-size:18px;}
.sanaltur{width:98%;margin:1%;}
.kurumsal-inner{width:99%;}
.accordian{height:122px;}
.accordian li a{height:121px !important;}
}
@media only screen and (max-width:375px){.footer-sosyal img{width:100%}
.ayricalik-page{width:100%}
.slider-text{font-size:18px;width:250px;}
.title{font-size:24px}
.galery-page .tabpage ul li:nth-child(1){width:100%}
.galery-page .tabpage ul li{margin-right:5px;width:100%}
.galery-page .tabpage ul{margin-left:-17px;}
.kurumsal-inner p{margin:1%;}
.accordian li a{height:103px;display:block;}
.accordian{height:109px;}
.accordian li a{height:109px !important;}
}
@media only screen and (max-width:320px){.medya ul li{width:100%}
.metro{top:-10px}
.kazanc{top:-20px}
.arac{display:none}
.cocuk{top:-10px;width:18%}
.accordian{height:100px;}
.accordian li a{height:100px !important;}
}