/*  İHALE LİSTTTT      */


.mainihalelsitdiv{
    width: 100%;
    height: auto;
    padding: 20px;
}

.ihalediv{
    width: 90%;
    height: 250px;
    padding: 10px;
    border-radius: 4px;
    background: var(--bg-gri);
    margin: 30px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ihalekisim1{
    width: 33%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.ihalekisim1img{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ihalekisim1img img{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ihalekisim2{
    width: 52%;
    height: 100%;
    padding: 10px;
}

.ihalekisim2titlediv{
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    
}

.ihalekisim2titlediv1title a{
    color: var(--koyu-mavi);
    font-size: 20px;
    font-weight: bold;
}

.ihalekisim2titlediv1il{
    color: grey;
    margin-top: 15px;
}

.ihalelocation{
    color: var(--orange);
}

.ihalekisim2titlediv2{
    text-align: right;
}

.ihalekisim2titlediv2title{
    font-size: 20px;
}

.ihalekisim2titlediv2aciklama{
    margin-top: 15px;
}

.ihalekisim2ihaleaciklamadiv{
    width: 100%;
    height: auto;
    max-height: 160px;
    margin-top: 20px;
    overflow: hidden;
    border-top: 1px solid var(--koyu-mavi);
}

.ihalekisim2ihaleaciklamadivaciklama{
    width: 100%;
    height: 100%;
    margin-top: 20px;
    color: var(--koyu-mavi);
}

.ihalekisim2ihaleaciklamadivaciklama a{
    color: var(--orange);
    font-weight: bold;
}

.ihalekisim3{
    width: 13%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0px 10px;
    text-align: center;
    font-size: 15px;
}

.ihalekisim3ihalemuhammendiv{
    margin-top: 10px;
}

.ihalekisim3ihalemuhammendivtitle{
    color: var(--koyu-mavi);
}

.ihalekisim3ihalemuhammendivaciklama{
    margin-top: 10px;
}

.ihalekisim3ihalemuhammendivaciklama2{
    color: var(--orange);
}

.ihalekisim3btndiv{
    width: 100%;
    height: 60px;
    margin-top: 10px;
}

.ihalekisim3btndiv a{
    width: 100%;
    height: 100%;
}

.ihalekisim3btndiv button{
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    border-radius: 4px;
    cursor: pointer;
    color: white;
    background: var(--btn-color);
    font-weight: bold;
}

.ihalekisim3btndiv button:hover{
    background: var(--btn-color-hover);
}


/* MOBİL GİZLE PC İÇİN */

.mobilnav , .mobilnavalt, .mobilihalelistdiv{
    display: none;
}

/* MOBİL RESPONSİVE */


@media only screen and (max-width: 1315px) {
    /* PC RESPONSİVE GİZLE */
    
    .mainihalelsitdiv{
        display: none;
    }

    /* mobil responsive */

    .mobilnav , .mobilnavalt, .mobilihalelistdiv{
        display: block;
    }


    .mobilihalelistdiv{
        width: 100%;
        height: auto;
        padding: 15px;
    }

    .mobilihalediv{
        width: 100%;
        height: auto;
        background: var(--bg-gri);
        padding: 15px;
        margin: 20px 0px;
    }

    .mobilihalediva{
        width: 100%;
        height: 100%;
    }

    .mobilihaledivredimdiv{
        width: 100%;
        height: auto;
    }

    .mobilihaledivredimdiv img{
        width: 100%;
    }

    .mobilihaledivtitle{
        margin-top: 20px;
        font-size: 20px;
        color: var(--koyu-mavi);
    }

    .mobilihaledivtitle a{
        color: var(--koyu-mavi);
        font-weight: bold;
    }

    .mobilihaledivtitle span i{
        color: var(--orange);
        margin-left: 20px;
    }

    .mobilihaledivinfodiv{
        width: 100%;
        height: auto;
        margin-top: 25px;
    }

    .mobilihaledivinfodivihaletekldisayisi{
        font-size: 20px;
    }

    .mobilihaledivinfodiv2{
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 25px;
    }

    .mobilihaledivinfodiv2kisim1{
        width: 33%;
        height: 100%;
        text-align: center;
    }

    .mobilihaledivinfodiv2kisim1 span{
        color: var(--koyu-mavi);
    }

    .mobilihaledivihaleaciklamadiv{
        width: 100%;
        height: auto;
        margin-top: 25px;
        text-align: left;
        color: var(--koyu-mavi);
    }

    .mobilihaledivihaleaciklamadiv a{
        color: var(--orange);
        font-weight: bold;
    }

    .mobilihaledivincelebtn{
        width: 100%;
        height: 40px;
        margin-top: 25px;
    }

    .mobilihaledivincelebtn a{
        width: 100%;
        height: 100%;
    }

    .mobilihaledivincelebtn a button{
        width: 100%;
        height: 100%;
        border: none;
        outline: none;
        cursor: pointer;
        background: var(--btn-color);
        color: white;
        border-radius: 4px;
        font-size: 20px;
        /* font-weight: bold; */
    }
}