.navbar{
    width:90%;
    max-width:1200px;
    height:85px;
    margin:0 auto; /* Ortalar */

    display:flex;
    justify-content:space-between;
    align-items:center;

    background:#fff;
    padding:0 30px;
    box-sizing:border-box;
}

header{
    width:100%;
    background:#fff;
}

.logo h1{
    font-size:30px;
    font-weight:420;
        color:#555;
    transition:.3s;
    cursor:pointer;
}
.logo h1:hover{
    color:#d3d3d3;
}

.menu{
    display:flex;
    list-style:none;
    gap:35px;
}

.menu a{
    text-decoration:none;
    color:#555;
    font-size:17px;
        color:#555;
    text-decoration:none;
    transition:.3s;
}
.menu a:hover{
    color:#ff7a00;
}

/* Checkbox gizli */
#menu-toggle{
    display:none;
}

/* Hamburger başlangıçta görünmez */
.hamburger{
    display:none;
    font-size:34px;
    cursor:pointer;
}

/* Telefon görünümü */
@media (max-width:900px){

    .hamburger{
        display:block;
    }

    .menu{
        position:absolute;
        top:85px;
        right:0;
        width:240px;
        background:white;

        flex-direction:column;
        align-items:flex-start;
        gap:0;

        display:none;
    }

    .menu li{
        width:100%;
    }

    .menu li a{
        display:block;
        width:100%;
        padding:18px 25px;
        border-bottom:1px solid #ddd;
    }

    /* Checkbox işaretlenince menü açılsın */
    #menu-toggle:checked ~ .menu{
        display:flex;
    }
}
.telefon{
    font-style: 4px;
}
.ustbar{
    background:rgb(8, 60, 88);
    height:50px;
    width:100%;
}

.ustbar .container{
    width:1140px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:50px;
}

.telefon{
    color:white;
    font-size:18px;
    font-weight:bold;
    margin-left: 25px;
}

.sosyal a{
    color:white;
    margin-left:18px;
    text-decoration:none;
    font-size:18px;
}

.sosyal a:hover{
    color:#d9d9d9;
}

.iletisimbaslik{
    font-size:135%;
    font-weight:500;
    margin-top:2.5%;
    margin-left:20.1%;

}

.turuncucizgi{
width: 85px;
    height: 2px;
    background-color: #fd7e14;
    margin-top: 0.3%; 
    margin-left: 20.1%; 
}



/* =========================
   İLETİŞİM SAYFASI
========================= */

.iletisim{
    width:1200px;
    max-width:90%;
    margin:80px auto;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:90px;
}

/* Sol Taraf */

.sol{
    position:relative;
    left:30px;
}

/* İLETİŞİM */
.sol h3{
    font-size:16px;
    font-weight:500;
    text-transform:uppercase;
    color:#222;
    margin-bottom:10px;
}

/* Turuncu çizgi */
.cizgi{
    width:55px;
    height:2px;
    background:#ff7a00;
    margin-bottom:25px;
}

/* ADRES BİLGİLERİ */
.sol h1{
    font-size:18px;
    font-weight:600;
    text-transform:uppercase;
    color:#222;
    margin-bottom:30px;
}

/* TELEFON, MAİL, TİCARİ SİCİL NO */
.sol h2{
    font-size:16px;
    font-weight:600;
    text-transform:uppercase;
    color:#222;
    margin-top:35px;
    margin-bottom:12px;
}

/* Yazılar */
.sol p{
    font-size:15px;
    line-height:30px;
    color:#333;
}

.sag{
    width:58%;
    text-align:center;
}

.sag h1{
    font-size:18px;
    font-weight:600;
    margin-bottom:10px;
}

.sag p{
    font-size:15px;
    color:#555;
    margin-bottom:20px;
}

.sag iframe{
    width:100%;
    height:420px;
    border:0;
}


.container{
    width:1100px;
    max-width:90%;
    margin:0 auto;
}

.iletisim{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:80px;
    margin-top:80px;
}

.sol{
    flex:1;
}

.sag{
    flex:1;
}
.alt-bilgi{
    width:100%;
    background:#0e4761;
    color:white;
    text-align:center;
    padding:45px 20px;
}


.firma{
    font-size:22px;
    margin-bottom:30px;
}


.cizgi{
    width:70%;
    height:1px;
    background:rgba(255,255,255,.2);
    margin:0 auto 25px auto;
}


.copyright{
    font-size:14px;
}



@media(max-width:992px){

    .iletisim{
        flex-direction:column;
        gap:50px;
    }

    .sol,
    .sag{
        width:100%;
    }

    .sag{
        text-align:left;
    }

    .sag iframe{
        height:350px;
    }

}

@media(max-width:768px){

    .iletisim{
        width:92%;
        margin:60px auto;
    }

    .sol h1,
    .sag h1{
        font-size:22px;
    }

    .sol h2{
        font-size:16px;
    }

    .sol p,
    .sag p{
        font-size:15px;
        line-height:28px;
    }

    .sag iframe{
        height:300px;
    }

}