* {
        padding: 0;
        margin: 0;
        border: 0;
        box-sizing: border-box;
    }

    body{
        margin: 0;
        padding: 0;
    }

    a {
        text-decoration: none;
        color: rgb(255,0,0);
    }

    /* Header */
    #logo {
        position: relative;
        width: 40rem;
        min-width: 40rem;
        text-align: center;
        margin: 1rem auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    header .container{
        color: rgb(255,0,0);
        position: relative;
        width: 40rem;
        min-width: 40rem;
        text-align: center;
        margin: 1rem auto;
        justify-content: center;
        align-items: center;
    }
    
    /* Hamburger */
    
    .topnav {
        overflow: hidden;
        background-color: rgb(255 160 122);
        position: relative;
        width: 100%;
        min-width: 20rem;
    }

    .topnav #myLinks {
        display: none;
    }

    .topnav a {
        color: rgb(255,0,0);
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
        display: block;
    }

    .topnav a.icon {
        background: rgb(255 160 122);
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }

    .topnav a:hover {
        background-color: rgb(255 160 122);
        color: rgb(255 67 67);;
    }

    .active {
        background-color: rgb(255 160 122);
        color: rgb(255 67 67);;
    }

    /* Telefon */

    .telefon {
        position: relative;
        text-align: center;
        margin: 2rem auto;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgb(255 160 122);
        width: 45%;
        border: 2px solid rgb(255,0,0);
        border-radius: 1rem;  
    }

    .telefon img {
        width: 3rem;
        margin: 0.5rem auto;
    }
    
    .telefon p{
        font-size: 2rem;
    }
    
    /* İlan Telefon */
    .ilan-telefon-container {
    display: flex;
    justify-content: center;
    }
    
    .ilan-telefon {
        display: flex;
        align-items: center;
        background-color: rgb(255 160 122);
        width: 100%;
        border: 2px solid rgb(255,0,0);
        border-radius: 1rem;
    }
    
    .ilan-telefon img {
        margin: 0.5rem;
        width: 3rem;
    }
    
    .ilan-telefon p {
        font-size: 1rem;
        text-align: center;
    }
    
    /* İlanlar */

    section {
        padding: 1px;
        position: relative;
        width: 100%;
        min-width: 40rem;
        height: auto;
    }

    section img {
        max-height: 65rem; 
        height: 60rem;
        width: 50%;
        text-align: center;
        border: 2px solid rgb(255,0,0);
        margin-top: -5px;
    }

    /* Linkler */

    .linkler {
        margin-top: 2rem;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        min-width: 40rem;
        background-color: rgb(255 160 122);
        padding: 10px;
        color:rgb(255,0,0);
    }

    .linkler a {
        text-decoration: none;
        padding: 5px;
        margin: 5px;
        font-size: 0.75rem;
    }

    /* İlan Slayt Galerisi */

    .galery {
        min-width: 40rem;
        padding: 0 10rem;
        position: relative;
        max-height: 80rem;
        border-radius: 5px;
    }

    .mySlides img{
        width: 100%; 
        height: 65rem;
    }

    .container {
        position: relative;
    }

    .mySlides {
        display: none;
    }

    .cursor {
        cursor: pointer;
    }

    .prev,
    .next {
        cursor: pointer;
        position: absolute;
        top: 40%;
        width: auto;
        padding: 16px;
        margin-top: -50px;
        color: rgb(58, 44, 44);
        background-color: #727272;
        font-weight: bold;
        font-size: 20px;
        border-radius: 0 3px 3px 0;
        user-select: none;
        -webkit-user-select: none;
    }

    .next {
        right: 0;
        border-radius: 3px 0 0 3px;
    }

    .prev:hover,
    .next:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

    .numbertext {
        color: #f2f2f2;
        font-size: 12px;
        padding: 8px 12px;
        position: absolute;
        top: 0;
    }

    .caption-container {
        text-align: center;
        background-color: #222;
        padding: 2px 16px;
        color: white;
    }

    .row:after {
        content: "";
        display: table;
        clear: both;
    }


    .column {
        float: left;
        width: 16.66%;
    }


    .demo {
        opacity: 0.6;
        max-height:12rem; 
        min-height:12rem;
    }

    .active,
    .demo:hover {
        opacity: 1;
    }

    .container-main {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
    }

    /* İlan Aciklama */

    .ilan-bilgi{
        padding: .5rem 1rem 1rem 1rem;
        background-color: rgb(255 160 122);
        color: rgb(255,0,0);
        width: 100%;
        min-width: 40rem;
        text-align: center;
        justify-content: center;
        align-items: center;
    }


    /* Footer */


    footer{
        padding: .5rem;
        color: rgb(255,0,0);
        background-color: rgb(255 160 122);
        position: relative;
        text-align: center;
        margin: 1rem auto 0px auto;
        justify-content: center;
        align-items: center;
        background-color: rgb(255 160 122);
        width: 100%;
        min-width: 40rem;
    }

    footer a{
        color: rgb(255,0,0);
    }

    .top-footer{
        font-size: 1.2rem;
        margin: 2rem 2rem 0 2rem;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .bottom-footer{
        font-size: 1.2rem;
        margin: 2rem 2rem 0px 2rem;
        text-align: center;
    }

    hr{
        margin: .5rem;
        border: 1px solid rgb(255,0,0);
    }

    /* Responsive */

    @media (max-width: 768px) {
        .mySlides img{
            height: 30rem;
        }
        .ilan-bilgi{
            margin-top: 2rem;
        }
        #logo{
            width: 20rem;
            min-width: 20rem;
        }
        footer{
            padding: .5rem;
            width: 100%;
            min-width: 20rem;
        }
        .ilan-bilgi{
            width: 100%;
            min-width: 20rem;
        }
        .galery{
            min-width: 20rem;
            padding: 0 3rem;
        } 
        section{
            min-width: 20rem;
        }
        section img{
            max-height: 25rem; 
            height: 20rem;
        }
        .linkler{
            min-width: 20rem;
        }
        .ilan-telefon-container{
            min-width:10rem;
        }
        .ilan-telefon{
        min-width: 10rem;
        }
        .ilan-telefon img{
            width: 1.5rem;
        }
        .ilan-telefon p{
            font-size: 1rem;
            text-align: center;
            align-items: center;
        }
        .telefon{
            min-width: 20rem;
        }
        .telefon img{
            width: 2rem;
        }
        .telefon p{
            font-size: 1rem;
        }
        .demo {
            opacity: 0.6;
            max-height:8rem; 
            min-height:8rem;
        }
        .linkler a {
            min-width: 10%;
            padding: 5px;
            margin: 2px;
            font-size: .5rem;
        }
        section {
            min-width: 20rem;
        }
        header .container{
            font-size: 1rem;
            width: 20rem;
            min-width: 20rem;
        }
    }