/* INDEX PAGE */

@media only screen and (min-width: 1921px) {
    body {
        background-size: cover !important;
    }
}
@media only screen and (max-width: 1500px) {
    .description-area {
        flex-direction: row;
        justify-content: flex-start;
        padding: 0 100px;
        gap: 49px;
    }
}

@media only screen and (max-width: 1332px) {
    .page-wrapper {
        min-height: calc(100vh - 520px);
    }

    .footer {
        height: 520px;
        flex-direction: column;
        align-items: center;
    }

    .circle-chart-style {
        width: 454px !important;
        height: 276px !important;
    }

    .dalgaDiv {
        background-color: #BDE3F3;
        height: 100% !important;
        padding: 143px 0px;
    }

    .mainic {
        height: none !important;
    }

    .headerSection {
        height: auto !important;
    }

    .description-area {
        flex-direction: row;
        justify-content: flex-start;
        padding: 29px 25px;
        gap: 49px;
    }

    .siseDiv {
        align-items: center;
        justify-content: center;
        padding-left: 0px;
    }

    .btnHesaplaDiv {
        display: flex;
        justify-content: center;
    }

    .text {
        order: 2;
    }
}
@media only screen and (max-width: 1200px) {
    body {
        background-position: top left;
    }
    .text {
        width: 80%;
    }

}

@media (max-width:1115px) {
    .div-overflow {
        flex-direction: column;
    }

    .divSonucBtn {
        margin-left: 0;
    }

    .circle-chart-style {
        width: 400px !important;
        height: 200px !important;
    }

    .pSonuc {
        font-size: 16px;
    }

    .bs-stepper-header {
        flex-direction: column;
    }

    .raporset {
        flex-direction: column;
        align-items: center;
        gap: 0px;
        padding: 43px;
    }

    .reports-area {
        font-size: 12px;
    }

    #rapor_4 {
        font-size: 15px !important;
    }

    .table thead th {
        font-size: 14px;
    }

    .step-trigger {
        padding-bottom: 0;
    }

    .circle {
        margin: 0;
    }

    .content-flex {
        margin-top: 25px;
    }

    .btn_devamEt {
        margin-top: 20px;
        width: 220px !important;
        height: 44px !important;
        font-size: 16px !important;
    }

/*    .protokolBtn {
        width: 220px !important;
        height: 44px !important;
        font-size: 16px !important;
    }
*/
    #btnNeYapabiliriz {
        width: 220px !important;
        height: 60px !important;
        font-size: 16px !important;
    }

    .mail-flex {
        height: auto;
    }

    .bs-stepper {
        display: none;
    }

    .ev-step-1 {
        height: 249px;
        align-items: center;
        display: flex;
        margin-top: 80px;
    }
    /*    .protokolWidth {
        max-width: 376px !important;
    }

    .banner-img {
        width: 376px !important;
    }*/
}
@media only screen and (orientation:portrait) and (min-height:1024px) and (min-width:700px) {
    body {
        background-position: bottom left;
        background-repeat: no-repeat;
    }
}

@media only screen and (orientation:portrait) and (min-height:1024px) and (min-width:900px)
{
    body {
        background-position: bottom center;
        background-repeat: no-repeat;
    }
}

@media (max-width:890px) {
    .div-overflow {
        width: 350px;
    }

    #div-scroll {
        align-items: flex-start;
        overflow-x: scroll;
    }

    .question-top {
        flex-direction: column;
        align-items: center;
    }

    .icerik_flex {
        flex-direction: column;
        align-items: center;
        padding-bottom: 77px;
    }

    .question-2-area {
        flex-direction: column;
        align-items: center;
    }

    .dropdown {
        margin-left: 0px;
    }

    .logo_yazi_duzen {
        margin-left: 0px;
    }

    .field {
        width: 300px;
        height: 180px;
    }

    .circle-chart {
        flex-direction: column;
        gap: 0px !important;
        padding-bottom: 0px;
        padding-right: 0px;
    }


    .protokolInputArea {
        flex-direction: column;
    }

    .inputSection {
        align-items: center;
        justify-content: space-between;
        gap: 5px;
    }
    /*    .protokolWidth {
        max-width: 376px !important;
    }

    .banner-img {
        width: 376px !important;
    }*/
}
@media only screen and (max-width: 842px) {
    .text {
        width: 100%;
    }

    .headerSection {
        height: auto !important;
    }

    #btnAyakIzi {
        width: 90px;
        font-size: 12px;
    }
}
@media only screen and (max-width: 500px) {
    body {
        background: none;
    }

    .alt_image {
        display: block !important;
    }
}
    @media (max-width:390px) {
        .logo-area {
            padding-left: 28px;
            padding-top: 10px;
        }
    }

    /* CALCULATE PAGE */


    @media (max-width:390px) {
        .field {
            width: 300px !important;
            height: 185px !important;
        }

        .raporset {
            flex-direction: column !important;
            align-items: center !important;
            gap: 0px !important;
            padding: 29px 0px !important;
        }

        .logoDiv {
            padding: 30px 25px;
        }
    }