@media only screen and (max-width:1680px) {
.header { height: 10vh; }
.projeler { width: 70%; height: 260px; }
.leftBg { width: 60%; }
.form-holder { width: 40%; padding: 25px 35px; padding-top: 0; height: 86%; }
.ortaIc { height: 65vh; }
.footer { height: 25vh; }
.slogan { font-size: 25px; bottom: 20%; }
.soylem { width: 23%; }
.form-holder .form-title strong { font-size: 25px; }
.form-holder .form-title { line-height: 24px; font-size: 17px; }
.contact_form .form-text, .contact_form .form-textarea { height: 36px; font-size: 14px; }
select.projeSec { height: 36px; font-size: 14px; }
.contact_form > ul > LI:nth-child(5) { font-size: 10px !important; }
.form-submit { height: 40px; width: 230px; font-size: 15px; }
.contact_form > ul > LI:nth-child(6) { margin-bottom: 0px; }
.projePat { right: 3%; top: 3%; width: 60%; }
}

@media(min-width:769px) and (max-width:1100px) {
.soylem { width: 28%; }
.slogan { font-size: 17px; bottom: 30%; left: 1%; }
.footer { }
.projeler { width: 73%; height: 230px; }

.whatsap { margin-left: 7px; margin-top: 5px; }
.whatsap a { font-size: 16px; }
.whatsap a i { width: 23px; margin-right: 0; margin-top: -7px; }
.whatsap a span { margin-top: -5px; }
}

@media only screen and (max-width:768px) {
.ortaIc { height: auto; margin-left: 0px; margin-right: 0px; width: 100%; }
.leftBg { float: none; display: inline-block; width: 100%; height: 400px; }
.soylem { width: 36%; top: 3%; }
.form-holder { float: none; height: 100%; width: 100%; padding-top: 25px; }
.footer { position: relative; height: auto; }
.slogan { position: relative; display: inline-block; bottom: 0px; left: 0px; text-align: center; width: 100%; padding: 5px 0px; }
.projeler { position: relative; display: table; width: 98%; right: 0px; margin: auto; margin-top: 15px; }
.projeler ul { border-left: 0px; border-top: 0px; }
.slogan br { display: none; }
.headerRight { width: 25%; }
.whatsap { margin-left: -3px; }
.whatsap a i { width: 20px; margin-top: 0; }
}

@media only screen and (max-width: 479px) {
.form-holder { position: relative; width: 100%; height: inherit; }
.form-inner { width: 300px; margin: 0 auto; }
.headerCenter { float: none; display: inline-block; width: 100%; }
.header { height: auto; padding: 10px 0px; box-sizing: border-box; }
.logo { display: table; margin: auto; }
.headerLeft { width: 100%; height: auto; float: none; display: table; margin: auto; }
.headerRight { width: auto; float: none; display: table; margin: auto; margin-top: 10px; }
.headerTel { display: table; margin: auto; margin-top: 20px; }
.soylem { width: 60%; top: 1%; left: 3%; }
.slogan { font-size: 20px; padding: 10px; box-sizing: border-box; }
.slogan strong { font-size: 23px; }
.projeler { height: auto; }
.projeler ul li { width: 50%; height: 270px; border-right: solid 5px #ffffff; margin-bottom: 5px; }
.projeler ul li:nth-child(2) { border-right: none; }
.projePat { width: 75%; }
.contact_form .form-text, .contact_form .form-textarea { font-size: 13px; }
select.projeSec { font-size: 13px; }
.contact_form > ul > LI { float: none; width: 100%; margin-right: 0px; }
}

@media only screen and (max-width: 320px) {
.soylem { width: 72%; }
.slogan { font-size: 15px; }
.dil ul li a { font-size: 14px; padding: 0px 4px; }
}