#metin3 {
    background-image: url('../../ayarlar/images/sol_noktali.svg');
    background-position-x: 0, 100%;
    background-repeat: no-repeat;
    background-position-y: 100%;
    background-size: contain;
    margin: 50px 0 0 0;
    width: 100%;
    
}
    #metin3 .container {
        padding: 0 !important;
        width: 80% !important;
        max-width: 80% !important;
    }

    #metin3 h1 {
        font-size: 4em;
        color: var(--r_yazi_h1);
        
        text-align: justify;
    }



.blockquote_sol {   
    margin: 0px 10px;
    padding:0 0 0 50px;
    border-left: 10px solid #ee6e73;
}
    
    .blockquote_sol p {
        font-size: 1.8em;
        color: var(--r_yazi_p);
        letter-spacing: 1px;
        line-height: normal;
        text-align: justify;
    }

#metin3 .uclu_resim {
    border-radius: 20px;
    height: 400px;
    /* box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);*/
    box-shadow: 0px 25px 20px -20px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 0px 25px 20px -20px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 25px 20px -20px rgba(0, 0, 0, 0.45);
}
#metin3 .resim1 {
}
#metin3 .resim2 {
    margin-top:-50px;
}
#metin3 .resim3 {
}


@media (min-width: 0px) and (max-width: 600px) {

    #metin3 {
        margin: -50px 0 0 0 !important;
    }
        #metin3 h1 {
            font-size: 3em;            
        }
    .blockquote_sol {
        margin: 0px 0px 40px 0;
        padding: 0 0 0 10px;
        border-left: 2px solid #ee6e73;
    }
        .blockquote_sol p {
            font-size: 1.5em;
        }
    #metin3 .uclu_resim {  
        width:90%;
        height: auto;
        max-height:400px;
        margin: 20px auto;
       
    }
}

@media (min-width: 601px) and (max-width: 992px) {
    #metin3 {
        margin: -50px 0 0 0 !important;
    }

        #metin3 h1 {
            font-size: 2.5em;
        }

    .blockquote_sol {
        margin: 0px 0px 40px 0;
        padding: 0 0 0 10px;
        border-left: 2px solid #ee6e73;
    }
        .blockquote_sol p {
            font-size: 1.5em;
        }

    #metin3 .uclu_resim {
        width: 90%;
        height: auto;
        max-height: 400px;
        margin: 20px auto;
    }
    
}

@media (min-width: 993px) and (max-width: 1200px) {
    #metin3 {
        margin: -50px 0 0 0 !important;
    }

        #metin3 h1 {
            font-size: 3em;
        }

    .blockquote_sol {
        margin: 0px 0px 40px 0;
        padding: 0 0 0 10px;
        border-left: 2px solid #ee6e73;
    }
        .blockquote_sol p {
            font-size: 1.5em;
        }

    #metin3 .uclu_resim {
        width: 90%;
        height: auto;
        max-height: 400px;
        margin: 20px auto;
    }
    
}