/* @media screen and (max-width: 1600px) */

.foto {
    position: relative;
    color: white;
}

    .foto img {
        width: 100%;
        height: auto;
        cursor:pointer;
    }

    .foto p {
        margin-bottom: 0;
    }

    .foto .yazi {
        position: absolute;
        top: 30%;
    }

        .foto .yazi .baslik {
            font-size: 60px;
            font-weight: 700;
            font-family: 'Open Sans', sans-serif;
        }

        .foto .yazi .aciklama {
            max-width: 500px;
            margin-top: 40px;
            font-size: 18px;
            font-weight: 400;
            font-family: 'Open Sans', sans-serif;
        }

    .foto .butonlar {
        position: absolute;
        bottom: 2%;
    }

        .foto .butonlar .sol .ya {
            font-size: 13px;
            font-weight: 700;
            font-family: 'Open Sans', sans-serif;
        }

            .foto .butonlar .sol .ya .padding {
                padding: 0 10px;
            }

        .foto .butonlar .sag .ya {
            font-size: 18px;
            font-weight: 700;
            font-family: 'Open Sans', sans-serif;
        }

        .foto .butonlar .kucul {
            width: 64px;
            height: auto;
        }

@media screen and (max-width: 1700px) {
    .foto .yazi {
        top: 20%;
    }
}

@media screen and (max-width: 1500px) {
    .foto .yazi {
        top: 15%;
    }
}

@media screen and (max-width: 1400px) {
    .foto .yazi {
        top: 10%;
    }
}

@media screen and (max-width: 1366px)
{
    .iletisim-title {
        position: relative;
        font-size: 34px;
        font-weight: 400;
        padding-left: 3%;
    }
}

@media screen and (max-width: 1300px) {
    .foto .yazi {
        top: 5%;
    }
}

@media screen and (max-width: 1200px) {
    .foto .yazi {
        top: 15%;
    }

        .foto .yazi .baslik {
            font-size: 40px;
        }

        .foto .yazi .aciklama {
            max-width: 350px;
            font-size: 14px;
            margin-top: 30px;
        }

    .foto .butonlar .sol .ya {
        font-size: 11px;
    }

    .foto .butonlar .sag .ya {
        font-size: 15px;
    }

    .foto .butonlar .kucul {
        width: 40px;
        height: auto;
    }
}

@media screen and (max-width: 1024px)
{
    .iletisim-title {
        position: relative;
        font-size: 34px;
        font-weight: 400;
        padding-left: 5%;
    }

    .iletisim-adress {
        font-size: 18px;
        padding-left: 5%;
    }
}

@media screen and (max-width: 992px) {
    .foto .yazi {
        top: 15%;
    }

        .foto .yazi .baslik {
            font-size: 30px;
            margin-top: 20px;
        }

        .foto .yazi .aciklama {
            font-size: 12px;
        }
}

@media screen and (max-width: 991px)
{
    .iletisim-title {
        position: relative;
        font-size: 34px;
        font-weight: 400;
        padding-left: 5%;
    }
    
}

@media screen and (max-width: 768px) {
    .foto .yazi {
        top: 5%;
    }

        .foto .yazi .baslik {
            font-size: 20px;
        }

        .foto .yazi .aciklama {
            max-width: 250px;
            font-size: 10px;
            margin-top: 15px;
        }

    .iletisim-title {
        position: relative;
        font-size: 34px;
        font-weight: 400;
        padding-left: 0%;
    }

    .iletisim-adress {
        font-size: 18px;
        padding-left: 0%;
    }
}

@media screen and (max-width: 576px) {
    .foto .yazi {
        top: 0%;
    }

        .foto .yazi .baslik {
            font-size: 15px;
        }

        .foto .yazi .aciklama {
            max-width: 200px;
            font-size: 8px;
            margin-top: 5px;
        }

    .butonlar .sol .ya {
        font-size: 10px;
    }

    .butonlar .sag .ya {
        font-size: 13px;
    }

    .foto .butonlar .kucul {
        width: 32px;
        height: auto;
    }
}

@media screen and (max-width: 425px) {
    .foto .yazi {
        top: -5%;
    }

        .foto .yazi .baslik {
            font-size: 12px;
        }

        .foto .yazi .aciklama {
            max-width: 200px;
            font-size: 8px;
            margin-top: 5px;
        }

    .butonlar .sol .ya {
        font-size: 7px;
    }

    .butonlar .sag .ya {
        font-size: 8px;
    }

    .foto .butonlar .kucul {
        width: 24px;
        height: auto;
    }

    .foto .butonlar .sol .ya .padding {
        padding: 0 5px;
    }
    .iletisim-adress {
        font-size: 18px;
        padding-left: 4%;
    }
    .iletisim-title {
        position: relative;
        font-size: 34px;
        font-weight: 400;
        padding-left: 5%;
    }
}

@media screen and (max-width: 380px) {
    .foto .yazi {
        top: -6%;
    }

        .foto .yazi .baslik {
            font-size: 10px;
        }

        .foto .yazi .aciklama {
            max-width: 200px;
            font-size: 6px;
            margin-top: 5px;
        }

    .butonlar .sol .ya {
        font-size: 6px;
    }

    .butonlar .sag .ya {
        font-size: 7px;
    }

    .foto .butonlar .kucul {
        width: 20px;
        height: auto;
    }
    .iletisim-adress {
        font-size: 18px;
        padding-left: 5%;
    }
}




.iletisim {
    font-family: 'Open Sans', sans-serif;
}

    .iletisim .ofis {
        font-size: 36px;
        font-weight: 600;
        line-height: 44px;
        color: #001541;
    }

    .iletisim .yazi-iletisim {
        font-size: 18px;
        font-weight: 400;
        line-height: 32px;
        text-align: left;
        color: black;
    }

    .iletisim .adres-iletisim {
        width: 73%;
    }

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

.iletisim .get-button {
    font-family: 'Avenir', Helvetica, sans-serif;
    font-size: 10px;
    letter-spacing: 1px;
    color: #004B89;
    text-underline-offset: 5px;
}

.iletisim .iletisim-baslik {
    font-size: 36px;
    font-weight: 600;
    line-height: 44px;
    color: #001541;
}

.iletisim .iletisim-formu .form-border .form-group {
    font-size: 14px;
    color: #54555A;
    margin-top: 3%;
}

.iletisim .iletisim-formu .form-border .form-control {
    background: #FFFFFF;
    border: 1px solid #E8E8E8;
    box-sizing: border-box;
    min-width:100%;
}

    .iletisim .iletisim-formu .form-border .form-control:focus {
        border-color: #E8E8E8;
        box-shadow: none;
    }

.iletisim .form-border {
    border: 1px solid #0000000A;
    padding: 10px;
    box-shadow: 0px 9px 65px 0px #0000000a;
}

.iletisim .form-gonder {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    width: 243px;
    height: 51px;
    background: #004B89;
    border: 1px solid #004B89;
    margin: 24px 0px;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
}

.iletisim .form-kabul {
    justify-content: center;
    margin-top: 2%;
}

    .iletisim .form-kabul .form-check {
        text-align: center;
    }

        .iletisim .form-kabul .form-check .form-check-input {
            float: none;
        }

.iletisim .form-label-yazi {
    font-size: 14px;
    font-weight: 400;
    color: #54555A;
    text-decoration-line: underline;
}

.iletisim .map1-frame {
    width: 100%;
}

.iletisim .map2-frame {
    width: 100%;
}

















/*.iletisim-container {
    padding-top: 9%;
    padding-right: 9%;
}*/

.iletisim-title {
    position: relative;
    font-size: 34px;
    font-weight: 400;
}

.iletisim-title hr {
    position: absolute;
    left: -8%;
    width: 1px;
    transform: rotate(90deg);
    background-color: #10487C;
    top: -60%;
    height: 80px;
    opacity: 1;
}

.iletisim-description {
    position: relative;
    font-size: 17px;
    font-weight: 400;
    color: #4F4F4F;
    margin-top: 1.5rem;
    width: 84%;
    line-height: 27px;
}

.iletisim-adress
{
    font-size: 18px;
}

    .iletisim-adress a {
        color: #111116;
        text-decoration: none;
    }

    .iletisim-adress p
    {
        margin-bottom: 0;
    }
    /*.map-col {
    padding-top: 6%;
}*/
    @media screen and (max-width: 320px) {
        .iletisim-title {
        position: relative;
        font-size: 34px;
        font-weight: 400;
        padding-left: 10%;
    }
    .iletisim-adress {
        font-size: 18px;
        padding-left: 5%;
    }
}