@media only screen and (max-width:1550px){
.topBar{height:90px}
.logo{width:115px}
.topMenu ul li a{font-size:20px}
.pdn{padding:30px 0}
.contentBox{margin-bottom:80px}
.adrTitle{font-size:25px}
.cnListTitle{font-size:25px}
.cnLn a{font-size:20px}
.adrText{font-size:14px}
.title.center{margin:50px auto}
}
@media only screen and (max-width:850px){
.topMenu ul li:not(.logo){padding:0}
li.mobileMenu{display:inline-block!important}
li.logo{display:none!important}
.menuActive main{right:270px}
.menuActive .topBar{left:-270px}
.menuActive div#nprogress{left:-350px;transition:all .3s ease-in-out}
.menuBtn{display:inline-block;float:right;width:40px;height:30px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}
.menu-trigger{transition:all .5s 0s;width:100%;height:100%}
.menu-trigger .line{width:100%;position:absolute;top:0;left:0;height:2px;background:#39b54a;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}
.topMenu{position:fixed;top:0;right:0;height:100vh;background-color:#2ea03d;z-index:0;transform:inherit;margin:0;display:inline-block;width:270px;display:none}
.topMenu ul li a{color:#fff;display:block;padding:20px 0;border-bottom:1px solid #55b963;font-size:17px;font-weight:300;letter-spacing:1px}
.topMenu ul li{width:100%;display:inline-block;margin:0!important}
.topMenu ul{padding:30px 25px;box-sizing:border-box;display:inline-block;width:100%;height:100%;overflow:scroll}
.topBar{height:80px;transition:all .3s ease-in-out}
.logo-m{display:inline-block;width:100px;margin-top:5px;margin-left:10px}
.contentBox article p{font-size:2vw;margin-bottom:20px;line-height:1.4}
.title h2{font-size:6vw}
.fiveColumn ul li{height:350px}
.mtop{margin-top:80px}
.ucayLogo{position:relative;top:0;transform:initial;margin:30px auto 0;width:80px}
}
@media only screen and (max-width:767px){
.contentBox>figure{width:100%;height:300px;overflow:hidden}
.contentBox article{width:100%;padding:25px 0;margin:0}
.title h2{font-size:9vw;padding-left:15px}
.title h3{font-size:13vw}
.contentBox article p{font-size:4vw}
.title{margin-bottom:20px}
.contentBox article .title2 *{font-size:5vw;padding-left:15px}
.ortaklar li{width:22%}
.contentBox{margin-bottom:25px}
.title3 *{font-size:6vw}
.contactForm>ul{width:90%;margin:0 5%}
.contactForm>ul:nth-child(2){margin:0 5%;display:table}
.formTitle{position:relative;top:0;right:0;width:100%;margin-bottom:20px;font-size:8vw}
.contcatList>ul{display:inline-block}
.contcatList>ul>li{width:100%;margin:15px 0}
.iframeMap{height:300px}
.footerMenu ul{display:inline-block}
.footerMenu ul li{width:100%;display:inline-block;text-align:center;margin:10px 0}
.vizyon-misyon li{width:100%;margin:10px 0}
.fiveColumn ul{display:inline-block}
.fiveColumn ul li{width:50%!important;height:220px}
.fiveColumn ul li i{width:35px}
.fiveColumn ul li span{font-size:5vw;margin:5px 0}
.number{font-size:12vw}
.fiveColumn ul li:last-child{width:100%!important}
.contentBox>figure img{margin-top:-5%}
}