@media only screen and (max-width: 1124px){
    :root{
        font-size: 14px;
    }
    .hid_60_3, .hid_60_5 {
        -webkit-mask-image: linear-gradient(to bottom,
        black 0%,
        black 45%,
        transparent 55%
        );
        mask-image: linear-gradient(to bottom,
        black 0%,
        black 45%,
        transparent 55%
        );
    }
    .neon2_hear,
    .neon3_hear:not(.neon5_hear),
    .yildiz_s5,
    .amination_5_section_cam{
        top: 40%;
    }
    .hid_60_5{
        bottom: 60%;
    }
    /*.takes_shape{
        max-width: 100%;
    }*/

    .company {
        font-size: .8rem;
    }
}

@media only screen and (max-width: 968px){
    .s2_sol_img,
    .s2_sag_img,
    .neon2_hear .cizgii,
    .neon2_hear .cizgii-ters,
    .neon2_hear .white{
        display: none;
    }
    .neon2_hear,
    .neon3_hear:not(.neon5_hear),
    .yildiz_s5,
    .amination_5_section_cam{
        top: 35%;
    }
    .hid_60_3, .hid_60_5 {
        -webkit-mask-image: linear-gradient(to bottom,
        black 0%,
        black 35%,
        transparent 50%
        );
        mask-image: linear-gradient(to bottom,
        black 0%,
        black 35%,
        transparent 50%
        );
    }
    .hid_60_5{
        bottom: 65%;
    }
    .realslide_2:after,
    .realslide_3,
    .realslide_4:after,
    .realslide_5:after{
        box-shadow: inset 0px -184px 110px 60px black !important;
    }
    .header_ust_section{
        padding-top: 20px !important;
    }
    .header_ust_section > .w-85{
        width: 100%;
        margin: 0 20px;
    }
    .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets,
    .footer_text{
        right: 10px !important;
    }
    .swiper-pagination-bullet{
        width: 16px !important;
        height: 16px !important;
    }
    .bl_rig_lef{
        flex-direction: column;
    }
    .s2_acik_sol, .s2_acik_sag {
        width: unset;
    }
    .s3_parlak{
        box-shadow: 0px 21px 64px 37px #7DA3CA;
    }
    .slider_2_text_section {
        bottom: 5rem;
    }
}

@media only screen and (max-width: 768px){
    .swiper-pagination-bullet {
        width: 13px !important;
        height: 13px !important;
    }
    .slider_1_text {
        bottom: 16%;
    }

    .bl_h2 {
        font-size: 2rem;
    }
    .bl_rig_lef .bl_p {
        font-size: .8rem;
    }
    .bl_buton .bl_buton_a {
        width: 20rem;
    }
    .bl_buton .bl_buton_a svg {
        top: .75rem;
    }

    .slider_1_text h2 {
        font-size: 1.5rem;
    }


    /*========== sol alt section =============*/
    .terms_textt_sectin {
        flex-direction: column;
    }
    .term_tex_T {
        width: 100%;
        font-size: .8rem;
    }

    .takes_shape {
        font-size: 1.8rem;
        padding: 0 8rem 0 0;
    }
    .s2_acik_sol, .s2_acik_sag {
        font-size: .7rem;
        width: auto;
        max-width: 20rem;
    }
}

@media only screen and (max-width: 512px){
    :root{
        font-size: 13px;
    }
    #lang p{
        font-size: 1rem;
    }
    #lang svg {
        width: 20px;
    }
    #selected-lang {
        width: 20px;
    }
    .header_ust_a img {
        height: 15px;
    }
    .header_ust_section > .w-85 {
        margin: 0 5px;
    }



    .hid_60_3, .hid_60_5 {
        -webkit-mask-image: linear-gradient(to bottom,
        black 0%,
        black 35%,
        transparent 45%
        );
        mask-image: linear-gradient(to bottom,
        black 0%,
        black 30%,
        transparent 45%
        );
    }
    .slider2_text{
        gap: 1rem;
    }
    .takes_shape {
        padding: 0 5rem 0 0;
    }



    .slider_2_effect_wrapper {
        width: 150px;
        height: 150px;
    }



    .bl_buton .bl_buton_a {
        width: 17rem;
        padding: .7rem .7rem;

    }

    .bl_buton .bl_buton_a svg {
        top: .40rem;
        right: 3rem;
    }


    .bl_rig_lef {
        gap: .9rem;
    }

    .company {
        font-size: .7rem;
    }


    /*========== FOOTER ============*/
    .headeR_footer_icon svg {
        width: 20px;
        height: 20px;
    }
    .headeR_footer_left {
        gap: 1rem;
    }
    .headeR_footer_right img {
        height: 10px;
    }
    .header_main_down {
        width: 100%;
    }

}