/* 
	Kodlayan : Republicaadv.com (Serkan Kaynar)
*/

@font-face {
  font-family: 'CeraGRBold';
  src: url('fonts/CeraGRBold.eot?#iefix') format('embedded-opentype'),  url('fonts/CeraGRBold.woff') format('woff'), url('fonts/CeraGRBold.ttf')  format('truetype'), url('fonts/CeraGRBold.svg#CeraGRBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
* {
	box-sizing: border-box;
    font-size:0
}
a { text-decoration:none}
html {
	width: 100%;
	height: 100%
}
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
	font-family: 'CeraGRBold';
    background: #007178; 
}
section {
	width: 75%;
	position: relative;
    font-size: 0;
}
ul { list-style:none}
h6 { font-size: 16px}
h5 { font-size: 24px}
h4 { font-size: 42px}
h3 { font-size: 72px}
h2 { font-size: 120px}


.right {background: #f8f8f8; position: fixed; right:0; width: 25%; top:0; height: 100%;}
.form_area { width:70%; position:absolute; right:-50%;     bottom: 6em; opacity:0}
.logo {display:block;margin: 0 auto 3.8em; max-width:170px}
.form { width:100%; font-size:12px; color:#007178; margin-bottom:50px}
input[type=text] { width:100%; font-size:12px; color:#007178;font-family: 'CeraGRBold'; height:30px; border:1px solid #7e7e7e; background:#fff; margin-bottom:15px; display:block; padding-left:10px}
.select {width:100%; font-size:12px; color:#007178; height:30px; border:1px solid #7e7e7e; position:relative }
.select:after { width:17px; height:10px; position:absolute; top:50%; margin-top:-5px; right:10px; content:""; background:url(../images/select-arrow.png); pointer-events:none}
select {-webkit-appearance: none; width:100%; height:100%; border:0; background:#fff;display:block; font-size:12px;color: #007178; padding-left:10px;font-family: 'CeraGRBold';}
::-webkit-input-placeholder {color: #007178;font-family: 'CeraGRBold';}
::-moz-placeholder {  color: #007178;font-family: 'CeraGRBold';}
:-ms-input-placeholder { color: #007178;font-family: 'CeraGRBold';}
:-moz-placeholder { color: #007178;font-family: 'CeraGRBold';}
input[type=text]:focus, select:focus {outline: none !important;border:2px solid #007178;box-shadow: 0 0 10px #007178;}
input[type=radio] {vertical-align: sub; margin: 5px 0;   width: 14px;    height: 14px;    top: 5px;    background: none; border:1px solid #007178;   position: relative;    appearance: none;    -webkit-appearance: none;    -moz-appearance: none;    -ms-appearance: none;    cursor: pointer;}
input[type=radio]:checked::after { position: absolute;left: 1px;height: 11px;    width: 11px;top: 0px;display: block;content: '';background: url(../images/arrow.png)no-repeat center;background-size: contain;border-radius: 0;   }
label {margin-right:10px}
.checks {     padding: 2.5em 0; border-top:1px solid #7e7e7e;    margin: 2.5em 0; border-bottom:1px solid #7e7e7e}
.checks p { display:block; color: #007178; font-size:14px}
input[type=submit] {width:131px;height:33px;background:url(../img/submit.png);border:0;color:#fff;font-size:14px;display:block;margin:0 auto;font-family: 'CeraGRBold';cursor:pointer;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;margin: 27px auto;}
input[type=submit]:hover {background:url(../img/submit-h.png);}
input[type=submit]:focus {outline: none !important}

section#katplan { background-image: url("../images/katplanlari.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; }
section#katplan .container{ width:100%;  height:95%; position:absolute; top:3% }
section#katplan .container:before{ width:1px; height:80%; left:50%; top:10%; background:#fff; content:""; position:absolute }
.container .lf,  .container .rg{ width:50%; height:100%;  position:absolute; left:0;padding: 0 70px; }
.container .rg{  left:50%}
#katplan h2, #katplan h3 { display:inline-block; margin-right:10px; color:#fff; width:auto}
#katplan h5 { display:block; color:#fff;}
.kpimg { height:100%; display:block !important;margin: 0 auto;    width: auto !important;  max-width: 100%;}
#kp1, #kp2{ height:100%}
.kplink { display:block; height:65%; position:relative; margin-top:8%}
.tumkat { z-index:99;   display: inline-block;    font-size: 16px;    color: #007178;    text-align: center;    margin: -50px 0;    width: 187px;    background: #fff;    padding: 10px;    border-radius: 10px;       position: absolute;    left: 50%;    margin-left: -93px;}
section#first { background-image: url("../images/section1.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; display:table}
section#yurtici .middle { position:relative;  color:#fff; text-align: center; display:table-cell; width: 100%;font-size: 0; vertical-align:middle}
section#first p {font-size: 55px; background:url(../images/slog_bg.png) repeat-x; display:inline-block; color:#00777b;    padding: 10px 20px;    border-radius: 10px; margin-top:20px }
.patlangac {width:auto; display:inline-block; text-align:center; float:right; position:relative; top:50%; transform:translateY(-50%) }
.patlangac div { display: inline-block; width:128px; height:128px; margin:0 20px; position:relative; background-image: url("../images/patlangac.png"); background-size:100% 100%; color:#00777b;-webkit-transition: all .2s;-moz-transition: all .2s; -o-transition: all .2s; transition: all .2s}
.patlangac div:nth-child(3n+3) { margin-right:0; background-image: none; background-color:#006065; border-radius:100%; color:#fff}
.patlangac div:hover {transform:scale(1.2)}
.slogs  {
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    float:left
}
.video_bottom img { display:block; float:right; position:relative; top:50%; transform:translateY(-50%);    max-width: 686px;
    width: 51%;}
.slogs h3{ font-size:36px; color:#fff}
.slogs h2{ font-size:61px; color:#fff}
section#yurtici  span { position:absolute; width:100%;  text-align:center; top:50%; transform:translateY(-50%); font-size:20px; left:0 }
section#yurtici  span small { display:block; width:100%; font-size:11px}
section#yurtici  span small.bsmall { font-size:24px}
.hementeslim {  display:inline-block; margin:0; position:relative;top:50%; transform:translateY(-50%);    margin-left: 30px; text-align:center; float:right}
.hementeslim p { margin:0; padding:10px 20px; font-size:20px; color:#fff; background:#006065; display:inline-block; border-radius:10px}
section.project { color:#007178}
section.project .title { position:absolute; left:70px; top:70px;z-index:2}
.partners { background:url(../images/bg_second.png) repeat-x; text-align:center; position:absolute; left:50%; transform:translateX(-50%); z-index:2;    bottom: 10%;    padding: 20px 0px; width:685px;    border-radius: 10px;display:block;}   
.partners li { display:block; width:137px; float:left}
#e-5 .partners { width:564px}
.partners li img  { display:block; width:100%;    margin-bottom: 10px;} 
.partners li span, .partners li small  { display:block; font-size:10px; color:#58585a}
.partners li small  { color:#007178; display:inline-block; position:relative; padding-right:30px; height:13px;    padding-top: 3px;    margin-top: 5px;}
.partners li small:after { position:absolute; right:0; top:0; background:url(../images/walk.png); height:13px; width:23px; content:""}
.partners li small.km  { color:#007178; display:inline-block; position:relative; padding-right:0;       margin-top: 5px;}
.partners li small.km:after { display:none}
#sisliBanner, #e5Banner,  .owl-stage-outer, .owl-stage, .owl-item, .item { height:100%}
#sisliBanner img, #e5Banner img {width:100%; height:100%}
.owl-nav { position:absolute; width:100%; height:42px; top:50%; margin-top:-21px; pointer-events:none}
.owl-prev, .owl-next {
    font-size:0;
    height:100%;
    position:absolute;
    top:0;
    width: 44px;
    left:20px;
    background-image: url(../images/owl-prev.png);
    pointer-events: all;
    background-color: #fff;
    background-size: 20% auto;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 5px;
    pointer-events:all;
    }
.owl-next {left:auto; right:20px; background-image:url(../images/owl-next.png)}

#katplan .owl-prev {background:url(../images/owl-prev2.png); left:-20px }
#katplan .owl-next {left:auto; right:20px; background:url(../images/owl-next2.png);right: -20px;}
#sisli h2, #sisli h3 {color:#fff}
section#third { height:99.6%; margin-top:0.1%}
section#third ul { width:100%; height:50%; position:relative;}
section#third ul li { width:25%; height:100%; position:relative; float:left; background:#007178; color:#fff; overflow:hidden; }
section#third ul li .kapsa {height:100%; display:table; width:100%; position:relative; z-index:2;-webkit-transition: all .2s;-moz-transition: all .2s; -o-transition: all .2s; transition: all .2s}
section#third ul li .kapsa div {display:table-cell; vertical-align:middle}
section#third ul li:hover .kapsa {transform:scale(1.2)}
 section#third ul li:hover .teaser {transform:scale(1.2)}
section#third h4 { color:#fff; width:100%; padding:0 2%; display:block; text-align:center;-webkit-transition: all .2s;-moz-transition: all .2s; -o-transition: all .2s; transition: all .2s}
section#third h6 { display:block; text-align:center; margin-top:15px;-webkit-transition: all .2s;-moz-transition: all .2s; -o-transition: all .2s; transition: all .2s}
section#third img { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;-webkit-transition: all .2s;-moz-transition: all .2s; -o-transition: all .2s; transition: all .2s} 
section#third img.logos { display:block; margin:20px auto 0; width:auto; height:auto; position:relative; top: auto; left:auto}

section#fourth { background-image: url("../images/fourth.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; display:table}
section#fourth .middle { position:relative;  color:#fff; text-align: center; display:table-cell; width: 100%;font-size: 0; vertical-align:middle}
section#fourth h2, section#fourth h3, section#fourth h5 { width:100%; text-align:center}
section#fourth img { display:block; margin:20px auto;}

.map-content { height:500px; width:100%;  z-index:1}
.map-content.current{left:0; opacity:1; z-index:2}



.map-info {display:inline-block; position:relative;text-align:left; font-size:12px; color:#007178; padding:10px 0; padding-right:90px}
.map-info h2 {font-size:16px; font-weight:bold}
.map-info span {font-weight:bold}
.map-info a { color:#007178}
.map-info img { position:absolute;right: 0;    top: 10px;    width: 80px;}

.contact {width:100%;padding-top: 20p;}
.contact .phone, .contact p, .contact div {display:block; width:100%; text-align:center}
.contact p { font-size:14px; color:#7e7e7e}
.contact .phone { font-size:30px; color:#007178;     margin: 1em 0 0;}
div.social {width:75px; height:19px; position:relative; margin:20px auto 0 }
.social a { float:left; display:block;margin-right:9px;  height:100%; background-image:url(../images/social.png);-webkit-transition: all .2s;-moz-transition: all .2s; -o-transition: all .2s; transition: all .2s}
.whats {    margin-top: 5%;    display: block;}
.social a.twitter { width:19px; background-position:0 0}
.social a.twitter:hover {background-position:0 -19px}

.social a.facebook { width:19px; background-position:-28px 0}
.social a.facebook:hover {background-position:-28px -19px}

.social a.mail { width:19px; background-position:-56px 0;margin-right:0}
.social a.mail:hover {background-position:-56px -19px}

.social a.what { width:19px; background-position:-84px 0; margin-right:0}
.social a.what:hover {background-position:-84px -19px}

.mobil_logo, .bilgiformu, .whatsapp_fix {display:none}

.tesekkurler a {  display: block;    width: 100%;    text-align: center;    margin-top: 15px;    background: #007178; border:2px solid #007178;   font-size: 18px;    text-decoration: none;    color: #fff;    padding: 5px;    border-radius: 5px;}
.tesekkurler a:hover { background: #fff; color:#007178}
.tesekkurler p {text-align: center;}

.mauseclick {  width: 100px !important;    height: 49px;    position: absolute !important;    left: 50% !important;    bottom: 0;    margin-left: -50px;    z-index: 2;    background: url(../images/clicktop.png);    background-size: 100% 100%;    display: block;    transition: none !important;    top: auto !important;}
.mauseclick img{ width: 33px; margin-left:-16px; height:auto; position:absolute; top:20px; left:50%;animation: bouncearrow 1s infinite;}
.aydinlatma {text-decoration:underline;color:#007178;line-height: 20px;}
#aydinlatma  { font-size:12px}
#aydinlatma strong  { font-size:18px; color:#007178}
@-webkit-keyframes bouncearrow {
    0%{top: 20px;}
    50%{top: 25px; }
    100%{top: 20px;}
}

@keyframes bouncearrow{
    0%{top: 20px;}
    50%{top: 25px; }
    100%{top: 20px;}
}
#fifth .tabs {display:inline-block; position:absolute; left:0; top:0; text-align:left; width:100%; z-index:9 }
#fifth .maplink {font-size:24px; background:#007178; color:#fff;  display:inline-block; padding:15px; cursor:pointer; border-right:1px solid #fff}
#fifth .maplink.active { background:#fff; color:#007178}


.kptl { position:absolute; top:0; right:20px;width: 21%;}

.kpimg.mobimg {display:none !important}
.kpimg.desimg {display:block !important}
.kp_title {
    display: none;
    background: #fff;
    text-align: center;
    position:relative;
    font-size: 22px;
    color: #007178;
    padding: 10px 0;
    z-index: 9;
    width: 100%;
}

.whatsapp {
    width: 131px;
    height: 33px;
    background: url(../img/whatsapp.png);
    border: 0;
    color: #fff;
    font-size: 14px;
    display: block;
    margin: 0 auto;
    font-family: 'CeraGRBold';
    cursor: pointer;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    margin: 1em auto;
    position:relative

}
.whatsapp span { position:absolute; top:50%; width:100%; text-align:center; left:0; transform:translateY(-50%)}

.yoltarifial {display:none}
section#yotarifi {display:none}

.video {
    width: 100%;
    height: calc(100% - 169px);
    position: absolute;
    top: 0;
    left: 0;
    overflow:hidden;
}
video {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.video_bottom { height:169px; position:absolute; width:100%; bottom:0; left:0; background:#e74f1d; padding:0 30px}
.middle { display:none !important}
@media screen and (max-width:1920px){
    video {
    width: 100%;
    height:auto;
    position: absolute;
    top: 0;
    left: 0;
}
}
@media screen and (max-width:1680px){
    h6 { font-size: 14px}
    h5 { font-size: 21px}
    h4 { font-size: 36px}
    h3 { font-size: 63px}
    h2 { font-size: 105px}
    section#first p {font-size: 48px;}
    section#yurtici .middle .patlangac div { width:187px; height:187px; }
    section#first span {font-size:29px}
    section#first span small {font-size: 16px;}
    .logo {width:134px}
    video {height:100%; width: auto;}
    .patlangac div { margin:0 10px}
}
@media screen and (max-width:1536px){
    h6 { font-size: 13px}
    h5 { font-size: 19px}
    h4 { font-size: 33px}
    h3 { font-size: 57px}
    h2 { font-size: 96px}
    section#first p {font-size: 44px;}
    section#yurtici .middle .patlangac div { width:171px; height:171px; }
    section#first span {font-size:27px}
    section#first span small {font-size: 14px;}
    .checks p {font-size: 12px;}
    .form_area {bottom: auto; top:50%; transform:translateY(-50%)}
    .contact .phone { margin:0.5em 0}
    .slogs h2 {  font-size: 40px;}
    .slogs h3 {   font-size: 26px;}
      video {
    width: 100%;
    height:auto;
}
}
@media screen and (max-width:1440px){
    h6 { font-size: 12px}
    h5 { font-size: 18px}
    h4 { font-size: 31px}
    h3 { font-size: 54px}
    h2 { font-size: 90px}
    section#first p {font-size: 41px;}
    section#yurtici .middle .patlangac div { width:160px; height:160px; }
    section#first span {font-size:23px}
    section#first span small {font-size: 13px;}
    .logo {  margin: 0 auto 1.8em;}
    section#first  span small.bsmall { font-size:19px}
    .slogs h2 {  font-size: 44px;}
    .slogs h3 {   font-size: 28px;}
    video { width:100%; height:auto}
    .patlangac div { width:104px; height:104px}
    section#yurtici span, .hementeslim p { font-size:16px}
    video {height:100%; width: auto;}
}
@media screen and (max-width:1366px){
    h6 { font-size: 11px}
    h5 { font-size: 17px}
    h4 { font-size: 30px}
    h3 { font-size: 51px}
    h2 { font-size: 85px}
    section#first p {font-size: 39px;}
    section#yurtici .middle .patlangac div { width:152px; height:152px; }
    section#first span {font-size:21px}
    section#first span small {font-size: 13px;}
    .slogs h2 {
    font-size: 38px;
}
    .slogs h3 {
    font-size: 22px;
}
}
@media screen and (max-width:1280px){
    h6 { font-size: 11px}
    h5 { font-size: 16px}
    h4 { font-size: 28px}
    h3 { font-size: 48px}
    h2 { font-size: 80px}
    section#first p {font-size: 36px;}
    section#yurtici .middle .patlangac div { width:142px; height:142px; }
    section#first span {font-size:21px}
    section#first span small {font-size: 12px;}
    .contact .phone { font-size: 22px;}
    .hementeslim { margin-left:10px}
    .patlangac div { margin:0 5px}
}
@media screen and (max-width:1024px){
    h6 { font-size: 10px}
    h5 { font-size: 13px}
    h4 { font-size: 22px}
    h3 { font-size: 38px}
    h2 { font-size: 64px}
    section#first p {font-size: 29px;}
    section#yurtici .middle .patlangac div { width:114px; height:114px; }
    section#first span {font-size:18px}
    section#first span small {font-size: 10px;}
    .contact .phone {font-size: 22px;}
    section#yurtici span, .hementeslim p {
    font-size: 13px;
}
    .patlangac div {
    width: 81px;
    height: 81px;
}
    .slogs h2 {
    font-size: 28px;
}
    .slogs h3 {
    font-size: 18px;
}
}
@media screen and (max-width:768px){

    h6 { font-size: 12px}
    h5 { font-size: 16px}
    h4 { font-size: 20px}
    h3 { font-size: 24px}
    h2 { font-size: 30px}
    .right {background: #fff; position:relative; right:auto; width: 100%; top:auto; height:auto;z-index:10}
    .form_area { width:100%; position:relative; right:auto; bottom:auto; opacity:1; padding:20px 5%;transform:none; top:auto}
    .logo { display:none}

    section {height:auto; width: 100%;}
    section#first { height:500px; display:block}
    section#yurtici .middle { display:inline-block}
    section#yurtici .middle .patlangac div {width: 100px;height: 100px;margin: 0 5px;}
    section#first p {display:inline-block; width:auto; font-size:18px; margin:20px auto 0; padding:10px}
    section#first span { font-size:14px}
    section#first span small {font-size:11px}
    .mobil_logo {display:block; margin:0 auto;    float: right;}

    section.project .title {position: absolute;left: 10px;top: 10px;z-index: 2;}
    .partners {background:#fff; padding: 15px;    position: relative;
    width: 100%;
    left: auto;
    transform: none;
    bottom: auto;
    border-radius: 0;
    display: block;}
    #e-5 .partners {width: 100%;}
    .partners li, #sisli .partners li {display: block;float: left; width:50%;margin-bottom: 20px;}

    section#third {height:auto; margin-top: 0;}
    section#third ul {height:auto}
    section#third ul li { width:50%; overflow:hidden;height:300px}
    section#third ul:nth-child(2n+1) li:nth-child(4n+3) {float:right}
    section#third img {height:auto}
    section#third ul:nth-child(2n+2) li { float:right}
    section#third ul:nth-child(2n+2) li:nth-child(4n+3) {float:left}

    section#fourth { padding:20px 0}

    #map {height: 500px;}
.whatsapp_fix {display:block; background:#69b44c; text-align:center; position:fixed; font-size:22px; color:#fff; padding:10px 0;bottom: 0;    z-index: 9;    width: 100%; height:42px }

    .bilgiformu{display:block; background:#e74f1d; text-align:center; position:fixed; font-size:22px; color:#fff; padding:10px 0;bottom: 0;    z-index: 9;    width: 100%; height:42px; bottom:42px}
   section#fifth {height:500px}
   #fifth .maplink {font-size: 12px;padding: 15px 0;width: 33.3%; text-align:center}
   .logoteaser { width:60px}
   section#katplan .container {    width: 80%; margin:0 auto;    height: auto;    position: relative;    top: auto;}
   .container .lf, .container .rg {    width: 100%;    height: auto;    position: relative;    left: auto;    padding: 0;}
   .kplink { height:auto; margin-top:0}
   .kpimg { height:auto}
   .kpimg.mobimg {display:block !important}
   .kpimg.desimg {display:none !important}
   #katplan .item { text-align:center}
   .kptl { position:relative}
   .kptl {
    position:relative;
    top: auto;
    right: auto;
    width: 30%;
    margin: 10PX auto;
    DISPLAY: BLOCK;
    max-width:100PX
}
   section#katplan .container:before { display:none}
   .container .lf:after { height:2px; width:100%; bottom:0; left:0; position:absolute; background:#fff; content:""}
   .kp_title { display:block} 
   #kp1, #kp2 {height:auto}
   .tumkat {    margin: 0; position:relative;    margin-left: -93px;}
   .container .lf, .container .rg { padding-bottom:20px}
   .hementeslim { margin:10px 0}
   section#first .hementeslim p {
    
    padding: 5px 20px;
    font-size: 18px;}
    section#first  span small.bsmall { font-size:14px}
    .yoltarifial {
    background: #e74f1d;
    text-align: center;
    position: relative;
    font-size: 22px;
    color: #fff;
    padding: 10px 0;
    z-index: 9;
    width: 100%;
}
    .yoltarifial.current{display:inherit}
section#yotarifi {display:block}
.whats {
    margin-top: 2%;}
.mauseclick, .video_bottom, .video {display:none}
.middle { display:block !important}
section#yurtici {
    height: auto;
    display: block;
    background:#007178;
        padding: 20px;

}
section#yurtici h3, section#yurtici h2 { clear:both; text-align:left; font-size:27px}
section#yurtici h2 { font-size:42px}
.patlangac {
    width: 100%;
    display: block;
    text-align: center;
    top:auto;
    transform:none;float:none
}
.patlangac div:nth-child(3n+3) {   margin-right: 0 !important; background:#e74f1d}
.hementeslim {
    display: block;
    margin: 0;
    position: relative;
    top: auto;
    transform: none;
    text-align: center;
    float: none;
    margin:20px 0
}
.whats {
    margin-top: 9%;
}
.hementeslim p {
    background: #e74f1d;}
}
@media screen and (max-width:480px){ 
    .partners { position:relative; width:100%; left:auto; transform:none; bottom:auto; border-radius:0; display:block}


    section#fourth br { display:none}
    section#fourth h5 { margin-top:10px}
}
@media screen and (max-width:380px){ 
    section#first p { width:80%}
}
@media screen and (max-width:340px){ 
    h6 { font-size: 12px}
    h5 { font-size: 14px}
    h4 { font-size: 16px}
    h3 { font-size: 22px}
    h2 { font-size: 26px}
    section#third ul li { height:235px}
    section#yurtici .middle .patlangac div { width:80px; height:80px}
    .map-info img { display:none}
    .map-info { padding:5px}
    .map-info br { display:none}
    
}


@media screen and (max-height:680px){
    .form {margin-bottom: 20px;}
    .checks { padding: 1em 0;}
}
@media screen and (max-height:768px){
    .logo {
    display: block;
    margin: 0 auto 1em;
}
    .form {
    margin-bottom: 1em;
}
    .checks {
    padding: 1em 0;
    margin: 1em 0;
}
    .contact .phone {
    font-size: 24px;}
    .contact p {
    font-size: 12px;
}
}