.U3L img {
    resize: both;
    width: 50%;
}

.U2 img, .U2A img {
    resize: both;
    width: 75%;
    margin: auto;
}

.res_gen img {
    resize: both;
    width: 55%;
    margin: 20px auto;
}

.b60 img {
    resize: both;
    width: 50%;
}

.yarim {
    position: absolute;
    width: 90%;
    margin-left: 8%;
    bottom: 10%;
}
#yillar {
    position: fixed;
    right: 1vw;
    bottom: 1vw;
    width: 90px;
    height: 90px;
    z-index:10000;
}

    #yillar img {
        resize: both;
        width: 100%;
    }
#imza{
    font-weight:400;
    margin:20px 0;
    color:#000;

}
.gen50 {
    width: 50%;
    margin: 10% 25% 25% 25%;
    padding: 0 10px;
    height: 350px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

    .gen50 h1 {
        font-size: 14pt;
        font-weight: 500;
        margin: 10px 0 0 0;
    }

#sm1 li, #sm2 li {
    display: inline;
}

#sm1 img, #sm2 img {
    resize: both;
    width: 40px;
    margin: 2px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

#sm_b {
    width: 50%;
    margin-bottom: 10px;
}

.gen70 {
    width: 75%;
}

#radius_noBR img {
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#radius_noBL img {
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

#radius_noTR img {
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}

#radius_noTL img {
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

#ys {
    stroke: none;
    /*stroke:rgb(0,0,0)*/
}

.hkk{
    resize:both;
    width:100%;
    margin:40px 0 0 0;
}
#hkki{
    padding:20px 20px 0 20px;
    text-align:left;
}
#hkki p, #hkka p{
    padding:5px 0;
}
#hkki h1, #hkki h2{
    padding:20px 0 0 0;
}
#hkka{
    padding:20px 20px 0 20px;
}
.vert img {
    vertical-align: middle;
    margin: 20px;
}
  
 
    



@media only screen and (min-width: 768px) {

    .U3L {
        margin: 0 1%;
        float: left;
        text-align: center;
        width: 31.33%;
        padding: 15px 0;
    }

    .U2, .U2A {
        position: relative;
        margin: 0 1%;
        float: left;
        text-align: center;
        width: 48%;
        padding: 0 0 15px 0;
    }
    .ri{
        text-align:left;
    }
    .yuksek {
        margin: auto;
    }
}

@media all and (max-width: 767px) {
    #yillar {
        width: 60px;
        height: 60px;
    }
    .U3L {
        margin: 0 1%;
        float: left;
        width: 98%;
    }

    .U2 {
        width: 98%;
        position: relative;
        padding-bottom: 20px;
        text-align:center;
    }

    .U2A {
        width: 48%;
        float:left;
        padding: 0;
        text-align:center;
        padding-bottom: 20px;
    }
    #sm_b {
    width: 100%;
    margin-bottom: 10px;
}
    .res_gen img {
        resize: both;
        width: 55%;
        margin: 20px auto;
    }

    .yarim {
        position: absolute;
        width: 70%;
        margin-left: 15%;
        top: 45%;
    }

    .gen50 {
        width: 50%;
        margin: 5% 25% 5% 25%;
        height: 350px;
    }

    .yuksek {
        padding: 20px 0;
    }
}


@media screen and (max-width : 420px) {

    .U3L {
        margin: 0;
        text-align: center;
        width: 100%;
        padding: 20px 0;
    }
    .yarim {
        position: absolute;
        width: 80%;
        margin-left: 15%;
        top: 55%;
    }
     .gen50 {
        width: 70%;
        margin: 5% 15% 5% 15%;
        height: 300px;
    }
     .tamla{
         padding:0 20%;
     }
}