.resimalan {
    width: 100%;
    float: left;
    padding: 0;
}

.formalan {
    width: 100%;
    float: right;
    padding: 0;
}

    .formalan .butonalan {
        width: 90%;
        height: 70vh;
        margin-top: 18%;
        margin-left: -50px;
        -webkit-border-top-right-radius: 25px;
        -webkit-border-bottom-right-radius: 25px;
        -moz-border-radius-topright: 25px;
        -moz-border-radius-bottomright: 25px;
        border-radius: 25px !important;
        padding: 14% 10% 0 10%;
    }


        .formalan .butonalan .muhasebe {
            width: 100%;
            height: 20vh;
            background: #F06B3F;
            -webkit-border-top-right-radius: 100px;
            -webkit-border-bottom-right-radius: 100px;
            -moz-border-radius-topright: 100px;
            -moz-border-radius-bottomright: 100px;
            border-top-right-radius: 100px;
            border-bottom-right-radius: 100px;
            padding: 16% 0 0 12%;
            float: left;
        }

            .formalan .butonalan .muhasebe .ikon {
                float: left;
            }

            .formalan .butonalan .muhasebe .baslik {
                font-size: 30px;
                color: #fff;
                font-weight: bold;
                margin-left: 10px;
                letter-spacing: 0;
                float: left;
            }

            .formalan .butonalan .muhasebe .ovalikon {
                background: #fff;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                text-align: center;
                width: 50px;
                height: 50px;
                border-radius: 100px;
                float: right;
                margin-right: 30px;
            }

        .formalan .butonalan .teknik {
            width: 100%;
            height: 20vh;
            background: #82CED7;
            -webkit-border-top-right-radius: 100px;
            -webkit-border-bottom-right-radius: 100px;
            -moz-border-radius-topright: 100px;
            -moz-border-radius-bottomright: 100px;
            border-top-right-radius: 100px;
            border-bottom-right-radius: 100px;
            padding: 16% 0 0 12%;
            float: left;
        }

            .formalan .butonalan .teknik .ikon {
                float: left;
            }

            .formalan .butonalan .teknik .baslik {
                font-size: 30px;
                color: #fff;
                font-weight: bold;
                margin-left: 10px;
                letter-spacing: 0;
                float: left;
            }

            .formalan .butonalan .teknik .ovalikon {
                background: #fff;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                text-align: center;
                width: 50px;
                height: 50px;
                border-radius: 100px;
                float: right;
                margin-right: 30px;
            }

        .formalan .butonalan .organizasyon {
            width: 100%;
            height: 20vh;
            background: #367AB1;
            -webkit-border-top-right-radius: 100px;
            -webkit-border-bottom-right-radius: 100px;
            -moz-border-radius-topright: 100px;
            -moz-border-radius-bottomright: 100px;
            border-top-right-radius: 100px;
            border-bottom-right-radius: 100px;
            padding: 16% 0 0 12%;
            float: left;
        }

            .formalan .butonalan .organizasyon .ikon {
                float: left;
            }

            .formalan .butonalan .organizasyon .baslik {
                font-size: 30px;
                color: #fff;
                font-weight: bold;
                margin-left: 10px;
                letter-spacing: 0;
                float: left;
            }

            .formalan .butonalan .organizasyon .ovalikon {
                background: #fff;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                text-align: center;
                width: 50px;
                height: 50px;
                border-radius: 100px;
                float: right;
                margin-right: 30px;
            }

    .formalan .mavialan {
        width: 90%;
        height: 70vh;
        background: #367AB1;
        margin-top: 24%;
        margin-left: -50px;
        -webkit-border-top-right-radius: 25px;
        -webkit-border-bottom-right-radius: 25px;
        -moz-border-radius-topright: 25px;
        -moz-border-radius-bottomright: 25px;
        border-radius: 25px !important;
        padding: 14% 10% 0 10%;
    }

        .formalan .mavialan .baslik {
            color: #fff;
            font-size: 36px;
            font-weight: 500;
            padding-bottom: 50px;
        }

        .formalan .mavialan input {
            width: 100%;
            min-height: 55px;
            border: 1px solid #EAEAEA;
            border-radius: 7px;
            background: none;
            margin-bottom: 20px;
            color: #fff;
            padding-left: 15px;
            font-size: 16px;
        }

            .formalan .mavialan input::placeholder {
                color: #fff;
            }

        .formalan .mavialan .sifremiunuttum {
            width: 100%;
            font-size: 14px;
            color: #fff;
            text-align: right;
        }

        .formalan .mavialan .girisyapbuton {
            width: 100%;
            background: #F06B3F;
            border-radius: 5px;
            min-height: 55px;
            border: none;
            color: #fff;
            font-size: 15px;
            font-weight: bold;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            text-align: center;
            margin-top: 30px;
        }

        .formalan .mavialan .kayitol {
            width: 100%;
            color: #fff;
            font-size: 14px;
            text-align: center;
            padding-top: 50px;
        }

            .formalan .mavialan .kayitol a {
                color: #fff;
            }


@media only screen and (max-width: 1150px) {
    .formalan .mavialan {
        width: 100%;
        height: 70vh;
        background: #367AB1;
        margin-top: 24%;
        margin-left: -30px;
        -webkit-border-top-right-radius: 25px;
        -webkit-border-bottom-right-radius: 25px;
        -moz-border-radius-topright: 25px;
        -moz-border-radius-bottomright: 25px;
        border-radius: 25px !important;
        padding: 14% 7% 0 7%;
    }

    .formalan .butonalan {
        width: 100%;
        height: 70vh;
        margin-top: 18%;
        margin-left: 0;
        -webkit-border-top-right-radius: 25px;
        -webkit-border-bottom-right-radius: 25px;
        -moz-border-radius-topright: 25px;
        -moz-border-radius-bottomright: 25px;
        border-radius: 25px !important;
        padding: 14% 10% 0 0%;
    }

        .formalan .butonalan .muhasebe {
            width: 100%;
            height: 20vh;
            background: #F06B3F;
            -webkit-border-top-right-radius: 100px;
            -webkit-border-bottom-right-radius: 100px;
            -moz-border-radius-topright: 100px;
            -moz-border-radius-bottomright: 100px;
            border-top-right-radius: 100px;
            border-bottom-right-radius: 100px;
            padding: 16% 0 0 6%;
            float: left;
        }

            .formalan .butonalan .muhasebe .baslik {
                font-size: 20px;
                color: #fff;
                font-weight: bold;
                margin-left: 10px;
                letter-spacing: 0;
                float: left;
                padding-top: 12px;
            }

        .formalan .butonalan .teknik {
            width: 100%;
            height: 20vh;
            background: #82CED7;
            -webkit-border-top-right-radius: 100px;
            -webkit-border-bottom-right-radius: 100px;
            -moz-border-radius-topright: 100px;
            -moz-border-radius-bottomright: 100px;
            border-top-right-radius: 100px;
            border-bottom-right-radius: 100px;
            padding: 16% 0 0 6%;
            float: left;
        }

            .formalan .butonalan .teknik .baslik {
                font-size: 20px;
                color: #fff;
                font-weight: bold;
                margin-left: 10px;
                letter-spacing: 0;
                float: left;
                padding-top: 12px;
            }

        .formalan .butonalan .organizasyon {
            width: 100%;
            height: 20vh;
            background: #367AB1;
            -webkit-border-top-right-radius: 100px;
            -webkit-border-bottom-right-radius: 100px;
            -moz-border-radius-topright: 100px;
            -moz-border-radius-bottomright: 100px;
            border-top-right-radius: 100px;
            border-bottom-right-radius: 100px;
            padding: 16% 0 0 6%;
            float: left;
        }

            .formalan .butonalan .organizasyon .baslik {
                font-size: 20px;
                color: #fff;
                font-weight: bold;
                margin-left: 10px;
                letter-spacing: 0;
                float: left;
                padding-top: 12px;
            }
}


.formalan .muhasebebg {
    width: 90%;
    height: 70vh;
    background: #fff;
    margin-top: 24%;
    margin-left: -50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 0% 0% 0 0%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .formalan .muhasebebg .baslikalan {
        width: 100%;
        min-height: 120px;
        background: #F06B3F;
        -webkit-border-top-right-radius: 25px;
        -webkit-border-top-left-radius: 25px;
        -moz-border-radius-topright: 25px;
        -moz-border-radius-topleft: 25px;
        border-top-right-radius: 25px;
        border-top-left-radius: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 36px;
        font-weight: 600;
        color: #fff;
    }

        .formalan .muhasebebg .baslikalan img {
            margin-right: 20px;
        }

    .formalan .muhasebebg .formgiris {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
    }

    .formalan .muhasebebg .inputgiris {
        width: 100%;
        min-height: 56px;
        border: 1px solid #BAB8B8;
        border-radius: 4px;
        padding-left: 60px;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .formalan .muhasebebg .formgiris .ikon {
        position: absolute;
        width: 47px;
        height: 47px;
        background: #F06B3F;
        margin: 5px 0 0 5px;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    .formalan .muhasebebg .formgiris .sozlesme {
        width: 100%;
        font-size: 13px;
        font-weight: bold;
        color: #000;
        margin-bottom: 7px;
        margin-top: 7px;
    }

        .formalan .muhasebebg .formgiris .sozlesme .checkbox {
            margin-right: 5px;
        }

    .formalan .muhasebebg .formgiris .buton {
        width: 100%;
        background: #F06B3F;
        border-radius: 5px;
        min-height: 55px;
        border: none;
        color: #fff;
        font-size: 15px;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        margin-top: 20px;
    }

        .formalan .muhasebebg .formgiris .buton:hover {
            background: #D45B34;
        }

    .formalan .muhasebebg .girisyap {
        width: 100%;
        font-size: 13px;
        color: #696262;
        text-align: center;
        padding-top: 10px;
    }

        .formalan .muhasebebg .girisyap a {
            color: #F06B3F;
        }


.formalan .organizasyonbg {
    width: 90%;
    height: 70vh;
    background: #fff;
    margin-top: 24%;
    margin-left: -50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 0% 0% 0 0%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .formalan .organizasyonbg .baslikalan {
        width: 100%;
        min-height: 120px;
        background: #367AB1;
        -webkit-border-top-right-radius: 25px;
        -webkit-border-top-left-radius: 25px;
        -moz-border-radius-topright: 25px;
        -moz-border-radius-topleft: 25px;
        border-top-right-radius: 25px;
        border-top-left-radius: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 36px;
        font-weight: 600;
        color: #fff;
    }

        .formalan .organizasyonbg .baslikalan img {
            margin-right: 20px;
        }

    .formalan .organizasyonbg .formgiris {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
    }

    .formalan .organizasyonbg .inputgiris {
        width: 100%;
        min-height: 56px;
        border: 1px solid #BAB8B8;
        border-radius: 4px;
        padding-left: 60px;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .formalan .organizasyonbg .formgiris .ikon {
        position: absolute;
        background: #ccc;
        width: 47px;
        height: 47px;
        background: #005BA3;
        margin: 5px 0 0 5px;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    .formalan .organizasyonbg .formgiris .sozlesme {
        width: 100%;
        font-size: 13px;
        font-weight: bold;
        color: #000;
        margin-bottom: 7px;
        margin-top: 7px;
    }

        .formalan .organizasyonbg .formgiris .sozlesme .checkbox {
            margin-right: 5px;
        }

    .formalan .organizasyonbg .formgiris .buton {
        width: 100%;
        background: #367AB1;
        border-radius: 5px;
        min-height: 55px;
        border: none;
        color: #fff;
        font-size: 15px;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        margin-top: 20px;
    }

        .formalan .organizasyonbg .formgiris .buton:hover {
            background: #285a82;
        }

    .formalan .organizasyonbg .girisyap {
        width: 100%;
        font-size: 13px;
        color: #696262;
        text-align: center;
        padding-top: 10px;
    }

        .formalan .organizasyonbg .girisyap a {
            color: #367AB1;
        }


.formalan .teknikservisbg {
    width: 90%;
    height: 70vh;
    background: #fff;
    margin-top: 24%;
    margin-left: -50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    padding: 0% 0% 0 0%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .formalan .teknikservisbg .baslikalan {
        width: 100%;
        min-height: 120px;
        background: #82CED7;
        -webkit-border-top-right-radius: 25px;
        -webkit-border-top-left-radius: 25px;
        -moz-border-radius-topright: 25px;
        -moz-border-radius-topleft: 25px;
        border-top-right-radius: 25px;
        border-top-left-radius: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 36px;
        font-weight: 600;
        color: #fff;
    }

        .formalan .teknikservisbg .baslikalan img {
            margin-right: 20px;
        }

    .formalan .teknikservisbg .formgiris {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 50px;
    }

    .formalan .teknikservisbg .inputgiris {
        width: 100%;
        min-height: 56px;
        border: 1px solid #BAB8B8;
        border-radius: 4px;
        padding-left: 60px;
        font-size: 14px;
        margin-bottom: 20px;
    }

    .formalan .teknikservisbg .formgiris .ikon {
        position: absolute;
        width: 47px;
        height: 47px;
        background: #82CED7;
        margin: 5px 0 0 5px;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }

    .formalan .teknikservisbg .formgiris .sozlesme {
        width: 100%;
        font-size: 13px;
        font-weight: bold;
        color: #000;
        margin-bottom: 7px;
        margin-top: 7px;
    }

        .formalan .teknikservisbg .formgiris .sozlesme .checkbox {
            margin-right: 5px;
        }

    .formalan .teknikservisbg .formgiris .buton {
        width: 100%;
        background: #82CED7;
        border-radius: 5px;
        min-height: 55px;
        border: none;
        color: #fff;
        font-size: 15px;
        font-weight: bold;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        margin-top: 20px;
    }

        .formalan .teknikservisbg .formgiris .buton:hover {
            background: #72B1B8;
        }

    .formalan .teknikservisbg .girisyap {
        width: 100%;
        font-size: 13px;
        color: #696262;
        text-align: center;
        padding-top: 10px;
    }

        .formalan .teknikservisbg .girisyap a {
            color: #82CED7;
        }


@media only screen and (max-width: 1150px) {
    .formalan .muhasebebg {
        width: 100%;
        height: 80vh;
        background: #fff;
        margin-top: 24%;
        margin-left: -40px;
        -webkit-border-radius: 25px !important;
        -moz-border-radius: 25px !important;
        border-radius: 25px !important;
        padding: 0% 0% 0 0%;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }

    .formalan .organizasyonbg {
        width: 100%;
        height: 80vh;
        background: #fff;
        margin-top: 24%;
        margin-left: -40px;
        -webkit-border-radius: 25px !important;
        -moz-border-radius: 25px !important;
        border-radius: 25px !important;
        padding: 0% 0% 0 0%;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }

    .formalan .teknikservisbg {
        width: 100%;
        height: 80vh;
        background: #fff;
        margin-top: 24%;
        margin-left: -40px;
        -webkit-border-radius: 25px !important;
        -moz-border-radius: 25px !important;
        border-radius: 25px !important;
        padding: 0% 0% 0 0%;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }

    .formalan .muhasebebg .baslikalan {
        width: 100%;
        min-height: 120px;
        background: #F06B3F;
        -webkit-border-top-right-radius: 25px;
        -webkit-border-top-left-radius: 25px;
        -moz-border-radius-topright: 25px;
        -moz-border-radius-topleft: 25px;
        border-top-right-radius: 25px;
        border-top-left-radius: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 26px;
        font-weight: 600;
        color: #fff;
    }

    .formalan .organizasyonbg .baslikalan {
        width: 100%;
        min-height: 120px;
        background: #367AB1;
        -webkit-border-top-right-radius: 25px;
        -webkit-border-top-left-radius: 25px;
        -moz-border-radius-topright: 25px;
        -moz-border-radius-topleft: 25px;
        border-top-right-radius: 25px;
        border-top-left-radius: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 26px;
        font-weight: 600;
        color: #fff;
    }

    .formalan .teknikservisbg .baslikalan {
        width: 100%;
        min-height: 120px;
        background: #82CED7;
        -webkit-border-top-right-radius: 25px;
        -webkit-border-top-left-radius: 25px;
        -moz-border-radius-topright: 25px;
        -moz-border-radius-topleft: 25px;
        border-top-right-radius: 25px;
        border-top-left-radius: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 26px;
        font-weight: 600;
        color: #fff;
    }

    @media (min-width: 576px) {
        .col-sm-6 {
            flex: 0 0 50%;
            max-width: 70%;
        }
    }

    @media only screen and (max-width: 500px) {
        .formalan .mavialan {
            width: 95%;
            height: 70vh;
            background: #367AB1;
            margin-top: 24%;
            margin-left: 11px;
            margin-right: 0px;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px !important;
            padding: 14% 7% 0 7%;
        }

        .formalan .muhasebebg {
            width: 92%;
            height: 80vh;
            background: #fff;
            margin-top: 24%;
            margin-left: 17px;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px !important;
            padding: 0% 0% 0 0%;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        }

        .formalan .teknikservisbg {
            width: 92%;
            height: 80vh;
            background: #fff;
            margin-top: 24%;
            margin-left: 17px;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px !important;
            padding: 0% 0% 0 0%;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        }

        .formalan .organizasyonbg {
            width: 92%;
            height: 80vh;
            background: #fff;
            margin-top: 24%;
            margin-left: 17px;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px !important;
            padding: 0% 0% 0 0%;
            box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        }
    }
}