body {
    background-color: black;
    margin: 0;
}

.element::-webkit-scrollbar {
    display: none;
}

.element {
    scrollbar-width: none;
}

.element {
    -ms-overflow-style: none;
}

.flt {
    float: left;
}

.fltL {
    float: left;
}
.custom-scrollbar::-webkit-scrollbar {
    width: 10px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #FF5A93;
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.5);
    border-radius: 10px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}

.kayanYaziCrv {
    padding: 0px;
    height: 30px;
    border-style: solid;
    border-width: 1px;
    margin-top: 0px;
    color: white;
}
.anaDiv {
    margin: auto;
    /*
        background-color: black;
    border-style: solid;
    border-color: darkgoldenrod;
    border-radius: 10px;
    height: 100%;
    padding: 0px;
    margin-bottom: 10px;
    */

    margin-top: 0px;
    height: 100%;
    text-align: center;
    margin: 0 auto;
    border-style: solid;
    border-width: 1px;
    border-color: white;
}

.GenelDiv {
    margin-top: 0px;
    padding: 0px;
    text-align: center;
    /*min-height: 300px;*/
    border-style: solid;
    border-color: white;
    border-width: 1px;
}

.urunAlani {
    padding: 0px;

}

.satirlar {
    margin: auto;
    margin-top: 1px;
    border-right-style: solid;
    border-right-color: #d7b56d;
    border-right-width: 0px;
    height: 35px;
    padding: 0px;
    border-bottom-style: solid;
    border-bottom-color: #686363;
    border-bottom-width: 1px;
    font-family: Verdana,'Poppins' Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    /*color: navy;*/
    font-size: 1.5em;
    margin-right: 0px;
    /*text-align: right;*/
    color: white;
    border-right-style: solid;
    border-right-color: #686363;
    border-right-width: 0px;
}

.baslik {
    font-family: Verdana,'Poppins' Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    color: navy;
    font-size: 1.1em;
    background-color: #d8b46e;
    border-right-style: solid;
    border-right-color: black;
    border-right-width: 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.satir {
    font-family: Verdana,'Poppins' Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    color: navy;
    font-size: 1.3em;
    margin-right: 0px;
    color: white;
    padding: 0px;
}

.tarihAlani{margin-top:2%;}

.usdL {
    padding-left: 10px;
}

.eurL {
    padding-left: 10px;
}

.icerikDiv {
    padding: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: white;
    overflow-y:unset;
}
.icerikSatirDiv {
    padding: 0px;
    height:35px;
}

.reklamAlani {
    padding: 0px;
}

.dovizAlani {
    margin-top: 32px;
    margin-bottom: 10px;
    border-radius: 5px;
    border-style: solid;
    border-color: #686363;
    border-width: 1px;
    padding: 0px;
}
.telDiv {
    border-radius: 5px;
    margin: auto;
    color: white;
    padding-top: 1%;
    font-weight: bold;
}

.telNox {
    font-size: 1.2em;
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.LogoAltMesaj {
    font-size: 0.9em;
    margin: auto;
    margin-top: -45px;
    border-style: solid;
    border-width: 0px;
    border-color: blue;
    height: 100px;
    text-align: center;
    padding-left: 0px;
}

.hcr {
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    background-color: #d7b56d;
    color: darkblue;
}

.tlx {
    text-align: center;
    font-size: 1.0em;
    color: #d7b56d;
}

.font {
    font-size: 1.2em;
    color: white;
}

.ar {
    text-align: right;
}

.al {
    text-align: left;
}

.ac {
    text-align: center;
}

.algC {
    text-align: center;
}

.brd {
    border-style: dotted;
    border-width: 1px;
    border-color: white;
}

.brd1 {
    border-style: solid;
    border-width: 0px;
    border-color: darkgoldenrod;
}

.brdbody {
    float: left;
    border-style: solid;
    border-width: 0px;
    border-color: white;
    padding: 0px;
    width: 100%;
    height: 100%;
}

.brdDis {
    float: left;
    border-style: solid;
    border-width: 0px;
    border-color: white;
}

.pdx1 {
    padding: 0px;
}

.mrg {
    border-right: 0px;
    border-right-style: solid;
    border-right-color: black;
}

.bottombrd {
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-bottom-color: dimgray;
}

.hx {
    height: 35px;
    padding-top: 1%;
}

.golge1 {
    box-shadow: 0 4px 8px 0 black, 0 6px 20px 0 black;
    text-align: center;
    padding-bottom: 10px;
    border-radius: 5px;
}

.golgex {
    /*box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;*/
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}

.GoldColor {
    color: darkgoldenrod;
}

.dvOrt {
    margin: auto;
}

.ColorR {
    color: red;
}

.ColorG {
    color: green;
}

.ColorB {
    color: blue;
}

.container {
    width: 75%;
    margin: 0 auto;
    font-family: sans-serif;
}

h1 {
    float: left;
    width: 50%;
    text-align: center;
    margin-top: 3rem;
}

.text-red {
    color: red;
}

.blink-hard {
    animation: blinker 1s step-end infinite;
}

.blink-soft {
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}


html {
    background-color: black;
}

.brd {
    border-width: 0px;
    border-style: solid;
}

.padT5 {
    padding-top: 5px;
}



.HeadBlogLogo {
    height: 65px;
    width: 25%;
}

.logox {
    width: 100%;
    height: 100%;
}

.HeadBlogTitle {
    float: left;
    padding-top: 10px;
    text-align: center;
    float: left;
    margin-top: 0px;
    border-style: solid;
    border-width: 0px;
    border-color: blue;
    font-size: 1.1em;
    color: #d7b56d;
    width: 50%;
    padding-left: 0px;
    padding-right: 0px;
}

.HeadBlogTarih {
    height: 100px;
    width: 100%;
    padding-top: 5px;
    font-size: 1em;
}

.divAlg {
    text-align: center;
    padding-top: 1%;
}

.headFont {
    font-family: 'Segoe UI','Poppins' Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    color: maroon;
}


.AlgC {
    text-align: center;
}

.AlgR {
    text-align: right;
}

.AlgL {
    text-align: left;
}

.AlgJ {
    text-align: justify;
}


.pad0 {
    padding: 0px;
}

.TitleFont {
    color: #ffd700;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #d8b46e;
}

.HeadBlogLogo {
    height: 65px;
    width: 25%;
}

.logox {
    width: 100%;
    height: 100%;
}

/*ALt YAzı Alanı CSS*/
#rotate-words {
    /*max-width:400px;*/
    margin: auto;
    /*padding:20% 0;*/
    font-size: 2.5em;
    margin-top: 0px;
    font-family: 'Poppins', sans-serif;
}

    #rotate-words span {
        display: block;
        height: 50px;
        font-size: .6em;
        font-weight: bold;
        opacity: 1;
        font-family: 'Rubik', sans-serif;
    }

    #rotate-words div {
        position: absolute;
        opacity: 0;
        overflow: hidden;
        /*left:10vw;*/
        /*width:80vw;*/
        width: 60%;
        line-height: 1.2em;
        animation: rotate-word 32s linear infinite 0s;
        color: #daa550;
        font-weight: bold;
        /*bottom:80px;*/
        text-shadow: 0 1px 0px #fff, /*Level 1+*/
        0 2px 0px #ddd, /*Level 2*/
        0 11px 5px rgba(0, 0, 0, 0.4), 0 15px 15px rgba(0, 0, 0, 0.4);
        border-style: solid;
        border-width: 0px;
        border-color: green;
    }

@keyframes rotate-word {
    0% {
        opacity: 0;
        transform: translateX(0);
        filter: blur(10px);
        transform: scale(1.2)
    }

    3% {
        opacity: 1;
        transform: translateX(0);
        filter: blur(0px);
        transform: scale(.9)
    }

    12% {
        opacity: 1;
        transform: translateX(0);
        filter: blur(0px);
        transform: scale(1)
    }

    16% {
        opacity: 0;
        transform: translateX(0);
        filter: blur(10px);
        transform: scale(1.2)
    }

    80% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

#rotate-words div:nth-child(2) {
    animation-delay: 4s
}
#rotate-words div:nth-child(3) {
    animation-delay: 8s
}
#rotate-words div:nth-child(4) {
    animation-delay: 12s
}
#rotate-words div:nth-child(5) {
    animation-delay: 16s
}
#rotate-words div:nth-child(6) {
    animation-delay: 20s
}
#rotate-words div:nth-child(7) {
    animation-delay: 28s
}
#rotate-words div:nth-child(8) {
    animation-delay: 32s
}

@keyframes author {
    0% {
        opacity: 0;
        transform: translateY(100px);
        filter: blur(10px);
        transform: scaleY(2)
    }

    20% {
        opacity: 0;
        transform: translateY(200px);
        filter: blur(10px);
        transform: scaleY(2)
    }

    30% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0px);
        transform: scaleY(1)
    }

    90% {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0px);
        transform: scaleY(.9)
    }

    100% {
        opacity: 0;
        transform: translateY(0);
        filter: blur(10px);
        transform: scale(2)
    }
}
/*ALt YAzı Alanı CSS*/





h2 {
    font: bold 50px arial;
    color: #DAA550; /*Level 1*/
    text-shadow: 0 1px 0px #fff, /*Level 1+*/
    0 2px 0px #ddd, /*Level 2*/
    0 11px 5px rgba(0, 0, 0, 0.4), 0 15px 15px rgba(0, 0, 0, 0.4);
}


.copyright {
    width: 100%;
    height: auto;
    background-color: #171717;
    color: #aaa;
    position: fixed;
    bottom: 0px;
    font: 12px Arial;
    padding: 5px;
    opacity: 0.4;
    border-top: #a00 2px solid;
    z-index: 99999;
    left: 0px;
    right: 0px;
}

    .copyright:hover {
        opacity: 1
    }

.noRightBorder {
    border-right-style: solid;
    border-right-width: 0px;
}
.sosMedDis {
    text-align: center;
    border-style: solid;
    border-width: 0px;
    border-color: white;
}
.linkimg {
    height: 60px;
    width: 60px;
}

body, html {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    overflow: auto;
}

.messages_scrollx {
    overflow-y: auto;
    height: 80vh
}

.messages_flowx {
    width: 85%;
    border-radius: 10px;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: flex-end;
    background-color: white;
    padding-top: 1em;
    padding: 15px 10px;
    /* padding-bottom: 15px;  */
}

/*Responsive Ekran Ayarları*/
@media (min-width: 162px) and (max-width: 319px) {
    .anaDiv {
        overflow: auto;
    }

    .GenelDiv {
        margin-top: -40px;
    }

    .icerikSatirDiv {
        padding: 0px;
        height: 15px;
    }

    .satirlar {
        font-size: 0.6em;
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        height: 16px;
        font-weight: normal;
        /*text-align: left;*/
    }

    .baslik {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 0.8em;
    }

    .satir {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 0.9em;
        height: 20px;
    }

    h2 {
        font-size: 1.4em;
        margin-top: 0px;
        width:100%;
    }

    h4 {
        font-size: 1.0em;
    }

    .HeadBlogLogo {
        height: 65px;
        width: 100%;
    }

    .logox {
        width: 50%;
        height: 100%;
    }

    .telDiv {
        border-radius: 5px;
        margin: auto;
        color: white;
        padding-top: 2%;
        font-weight: bold;
    }

    .telNox {
        font-size: 1.0em;
        color: white;
        text-decoration: none;
        font-weight: bold;
    }

    .dovizAlani {
        margin-top: 0px;
        margin-bottom: 10px;
        border-radius: 5px;
        border-style: solid;
        border-color: #686363;
        border-width: 1px;
        padding: 0px;
    }


    .HeadBlogTitle {
        height: 100px;
        float: left;
        padding-top: 0px;
        border-style: solid;
        border-width: 0px;
        border-color: white;
        text-align: center;
        float: left;
        margin-top: 0px;
        border-style: solid;
        border-width: 0px;
        border-color: red;
        font-size: 0.9em;
        color: #d7b56d;
        width:100%;
        
    }

    .HeadBlogTarih {
        height: 100px;
    }

    .LogoAltMesaj {
        font-size: 0.9em;
        margin: auto;
        margin-top: -45px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        height: 100px;
        text-align: center;
        margin-left: -10px;
        padding-left: 0px;
    }

    #rotate-words {
        /*max-width:400px;*/
        margin: auto;
        /*padding:20% 0;*/
        font-size: 1.7em;
        margin-top: 0px;
        font-family: 'Poppins', sans-serif;
    }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .8em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }



        #rotate-words div {
            width: 100%;
            margin-top: -20px;
        }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .6em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }
    /*Sosyal Medya*/
    .sosMedDis {
        text-align: center;
        border-style: solid;
        border-width: 0px;
        border-color: white;
    }

    .linkimg {
        height: 20px;
        width: 20px;
    }

    .tarihAlani {
        margin-top: -70px;
    }
}
@media (min-width: 320px) and (max-width: 499px) {
    .anaDiv
    {
        overflow:auto;
    }
    .GenelDiv
    {
        margin-top:-70px;
    }
    .icerikSatirDiv {
        padding: 0px;
        height: 15px;
    }

    .satirlar {
        font-size: 0.6em;
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        height: 16px;
        font-weight:normal;
        /*text-align: left;*/
    }

    .baslik {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 0.8em;
    }

    .satir {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 0.9em;
        height: 20px;
    }

    h2 {
        font-size: 1.4em;
        margin-top:0px;
    }

    h4 {
        font-size: 1.0em;
    }
    .HeadBlogLogo {
        height: 65px;
        width: 100%;
    }
    .logox {
        width: 50%;
        height: 100%;
    }

    .telDiv {
        border-radius: 5px;
        margin: auto;
        color: white;
        padding-top: 2%;
        font-weight: bold;
    }
    .telNox {
        font-size: 1.0em;
        color: white;
        text-decoration: none;
        font-weight: bold;
    }
    .dovizAlani {
        margin-top: 0px;
        margin-bottom: 10px;
        border-radius: 5px;
        border-style: solid;
        border-color: #686363;
        border-width: 0px;
        padding: 0px;
    }


    .HeadBlogTitle {
        height: 100px;
        float: left;
        padding-top: 0px;
        border-style: solid;
        border-width: 0px;
        border-color: white;
        text-align: center;
        float: left;
        margin-top: 0px;
        border-style: solid;
        border-width: 0px;
        border-color: red;
        font-size:1.1em;
        color:#d7b56d;
        width:100%;
    }

    .HeadBlogTarih {
        height: 100px;
    }

    .LogoAltMesaj {
        font-size: 0.9em;
        margin: auto;
        margin-top: -45px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        height: 100px;
        text-align: center;
        margin-left:-10px;
        padding-left:0px;
    }

    #rotate-words {
        /*max-width:400px;*/
        margin: auto;
        /*padding:20% 0;*/
        font-size: 1.7em;
        margin-top: 0px;
        font-family: 'Poppins', sans-serif;

    }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .8em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }



    #rotate-words div {
        width:100%;    
        margin-top:-20px;
    }
    #rotate-words span {
        display: block;
        height: 50px;
        font-size: .6em;
        font-weight: bold;
        opacity: 1;
        font-family: 'Rubik', sans-serif;
    }
    /*Sosyal Medya*/
    .sosMedDis {
        text-align: center;
        border-style: solid;
        border-width: 0px;
        border-color: white;
    }
    .linkimg {
        height: 40px;
        width: 40px;
    }
    .tarihAlani {
        margin-top: -70px;
    }
}
@media (min-width: 500px) and (max-width: 574px) {
    .anaDiv {
        overflow: auto;
    }

    .GenelDiv {
        margin-top: -60px;
    }

    .icerikSatirDiv {
        padding: 0px;
        height: 25px;
    }

    .satirlar {
        font-size: 1em;
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        height: 26px;
        font-weight: normal;
        /*text-align: left;*/
    }

    .baslik {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 0.9em;
    }

    .satir {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1em;
        height: 20px;
    }

    h2 {
        font-size: 1.4em;
        margin-top: 0px;
    }

    h4 {
        font-size: 1.0em;
    }

    .HeadBlogLogo {
        height: 65px;
        width: 100%;
    }

    .logox {
        width: 50%;
        height: 100%;
    }

    .telDiv {
        border-radius: 5px;
        margin: auto;
        color: white;
        padding-top: 2%;
        font-weight: bold;
    }

    .telNox {
        font-size: 1.0em;
        color: white;
        text-decoration: none;
        font-weight: bold;
    }

    .dovizAlani {
        margin-top: 0px;
        margin-bottom: 10px;
        border-radius: 5px;
        border-style: solid;
        border-color: #686363;
        border-width: 0px;
        padding: 0px;
    }


    .HeadBlogTitle {
        height: 100px;
        width:100%;
        float: left;
        padding-top: 0px;
        border-style: solid;
        border-width: 1px;
        border-color: white;
        text-align: center;
        float: left;
        margin-top: 0px;
        border-style: solid;
        border-width: 0px;
        border-color: red;
        font-size: 1.1em;
        color: #d7b56d;
    }

    .HeadBlogTarih {
        height: 100px;
    }

    .LogoAltMesaj {
        font-size: 0.9em;
        margin: auto;
        margin-top: -45px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        height: 100px;
        text-align: center;
        margin-left: -10px;
        padding-left: 0px;
    }

    #rotate-words {
        /*max-width:400px;*/
        margin: auto;
        /*padding:20% 0;*/
        font-size: 1.7em;
        margin-top: 0px;
        font-family: 'Poppins', sans-serif;
    }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .8em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }



        #rotate-words div {
            width: 100%;
            margin-top: -20px;
        }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .6em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }
    /*Sosyal Medya*/
    .sosMedDis {
        text-align: center;
        border-style: solid;
        border-width: 0px;
        border-color: white;
    }

    .linkimg {
        height: 40px;
        width: 40px;
    }

    .tarihAlani {
        margin-top: -70px;
    }
}
@media (min-width: 575px) and (max-width:767px) {
    .anaDiv {
        overflow: auto;
    }

    .GenelDiv {
        margin-top: -40px;
    }

    .icerikSatirDiv {
        padding: 0px;
        height: 25px;
    }

    .satirlar {
        font-size: 1.1em;
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        height: 26px;
        font-weight: normal;
        /*text-align: left;*/
    }

    .baslik {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 0.9em;
    }

    .satir {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1em;
        height: 20px;
    }

    h2 {
        font-size: 1.4em;
        margin-top: 0px;
    }

    h4 {
        font-size: 1.0em;
        width:100%;
    }

    .HeadBlogLogo {
        float:left;
        height: 65%;
        width: 100%;
        border-style: solid;
        border-width: 0px;
        border-color: red;
    }

    .logox {
        width: 40%;
        height: 30%;
    }

    .telDiv {
        border-radius: 5px;
        margin: auto;
        color: white;
        padding-top: 2%;
        font-weight: bold;
    }

    .telNox {
        font-size: 1.0em;
        color: white;
        text-decoration: none;
        font-weight: bold;
    }

    .dovizAlani {
        margin-top: 0px;
        margin-bottom: 10px;
        border-radius: 5px;
        border-style: solid;
        border-color: #686363;
        border-width: 0px;
        padding: 0px;
    }


    .HeadBlogTitle {
        height: 40px;
        width: 100%;
        float: left;
        padding-top: 0px;
        text-align: center;
        margin-top: 0px;
        border-style: solid;
        border-width: 0px;
        border-color: red;
        font-size: 1.1em;
        color: #d7b56d;
    }

    .HeadBlogTarih {
        float: left;
        height: 50px;
        width: 100%;
        border-style: solid;
        border-width: 0px;
        border-color: red;
    }

    .tarihAlani {
        margin-top: 0px;
        width: 100%;
        height: 60px;
        padding-top: 0px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
    }

    .LogoAltMesaj {
        font-size: 0.9em;
        margin: auto;
        margin-top: -45px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        height: 100px;
        text-align: center;
        margin-left: -10px;
        padding-left: 0px;
    }

    #rotate-words {
        /*max-width:400px;*/
        margin: auto;
        /*padding:20% 0;*/
        font-size: 1.7em;
        margin-top: 0px;
        font-family: 'Poppins', sans-serif;
    }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .8em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }



        #rotate-words div {
            width: 100%;
            margin-top: -20px;
        }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .6em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }
    /*Sosyal Medya*/
    .sosMedDis {
        text-align: center;
        border-style: solid;
        border-width: 0px;
        border-color: white;
    }

    .linkimg {
        height: 40px;
        width: 40px;
    }


}
@media (min-width: 768px) and (max-width: 990px) {
    .anaDiv {
        height: 100%;
        overflow: auto;
    }

    .GenelDiv {
        margin-top: -40px;
    }

    .icerikSatirDiv {
        padding: 0px;
        height: 40px;
    }

    .satirlar {
        font-size: 1.4em;
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        height: 40px;
        font-weight: normal;
        /*text-align: left;*/
        padding-top: 2px;
    }

    .baslik {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.4em;
    }

    .satir {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.4em;
        height: 20px;
    }

    h2 {
        font-size: 1.6em;
        margin-top: 0px;
        width:100%;
    }

    h4 {
        font-size: 1.0em;
        width: 100%;
    }

    .HeadBlogLogo {
        height: 65px;
        width: 25%;
    }

    .logox {
        width: 100%;
        height: 100%;
    }
    .brd {
        border-style: solid;
        border-color: white;
        border-width: 0px;
    }

    .telDiv {
        border-radius: 5px;
        margin: auto;
        color: white;
        padding-top: 2%;
        font-weight: bold;
    }

    .telNox {
        font-size: 1.0em;
        color: white;
        text-decoration: none;
        font-weight: bold;
    }

    .dovizAlani {
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        border-style: solid;
        border-color: #686363;
        border-width: 0px;
        padding: 0px;
    }

    .gramAltinAlani {
        /*        visibility: hidden;
        height: 0px;*/
    }

    .videoAlani {
        visibility: hidden;
        height: 10px;
    }

    .HeadBlogTitle {
        float: left;
        padding-top: 10px;
        text-align: center;
        float: left;
        margin-top: 0px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        font-size: 1.1em;
        color: #d7b56d;
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .HeadBlogTarih {
        height: 100px;
        width:100%;
        padding-top:10px;
        font-size:1em;
        
    }

    .LogoAltMesaj {
        font-size: 0.9em;
        margin: auto;
        margin-top: -45px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        height: 100px;
        text-align: center;
        margin-left: -10px;
        padding-left: 0px;
    }

    #rotate-words {
        /*max-width:400px;*/
        margin: auto;
        /*padding:20% 0;*/
        font-size: 1.7em;
        margin-top: 0px;
        font-family: 'Poppins', sans-serif;
    }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .8em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }



        #rotate-words div {
            width: 100%;
            margin-top: -20px;
        }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .6em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }
    /*Sosyal Medya*/
    .sosMedDis {
        text-align: center;
        border-style: solid;
        border-width: 0px;
        border-color: white;
    }

    .linkimg {
        height: 50px;
        width: 50px;
    }

    .tarihAlani {
        margin-top: 0px;
        width: 25%;
       
    }

    .kayanYazi {
        font-size: 1.1em;
        font-weight: bold;
        color: white;
    }

}
@media (min-width: 991px) and (max-width: 1023px) {
    .anaDiv {
        height: 100%;
        overflow: auto;
    }

    .GenelDiv {
        margin-top: -40px;
    }

    .icerikSatirDiv {
        padding: 0px;
        height: 38px;
    }

    .satirlar {
        font-size: 1.2em;
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        height: 30px;
        font-weight: normal;
        /*text-align: left;*/
        padding-top: 0px;
    }

    .baslik {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.0em;
    }

    .satir {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.0em;
        font-weight:normal;
        height: 30px;
        text-align:center;
    }

    h2 {
        font-size: 1.5em;
        margin-top: 0px;
        width: 100%;
    }

    h4 {
        font-size: 1.2em;
        width: 100%;
    }

    .HeadBlogLogo {
        height: 65px;
        width: 25%;
    }

    .logox {
        width: 100%;
        height: 100%;
    }

    .brd {
        border-style: solid;
        border-color: white;
        border-width: 0px;
    }

    .telDiv {
        border-radius: 5px;
        margin: auto;
        color: white;
        padding-top: 2%;
        font-weight: bold;
    }

    .telNox {
        font-size: 1.0em;
        color: white;
        text-decoration: none;
        font-weight: bold;
    }

    .dovizAlani {
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        border-style: solid;
        border-color: #686363;
        border-width: 0px;
        padding: 0px;
    }

    .gramAltinAlani {
        visibility: hidden;
        height: 0px;
    }

    .videoAlani {
        /*
            visibility: hidden;
        height: 10px;
    */
    }

    .HeadBlogTitle {
        float: left;
        padding-top: 10px;
        text-align: center;
        float: left;
        margin-top: 0px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        font-size: 1.3em;
        color: #d7b56d;
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .HeadBlogTarih {
        height: 100px;
        width: 100%;
        padding-top: 5px;
        font-size: 1em;
    }

    .LogoAltMesaj {
        font-size: 0.9em;
        margin: auto;
        margin-top: -45px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        height: 100px;
        text-align: center;
        margin-left: -10px;
        padding-left: 0px;
    }

    #rotate-words {
        /*max-width:400px;*/
        margin: auto;
        /*padding:20% 0;*/
        font-size: 1.7em;
        margin-top: 0px;
        font-family: 'Poppins', sans-serif;
    }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .8em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }



        #rotate-words div {
            width: 100%;
            margin-top: -20px;
        }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .6em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }
    /*Sosyal Medya*/
    .sosMedDis {
        text-align: center;
        border-style: solid;
        border-width: 0px;
        border-color: white;
    }

    .linkimg {
        height: 50px;
        width: 50px;
    }

    .tarihAlani {
        margin-top: 0px;
        width: 25%;
    }

    .kayanYazi {
        font-size: 1.1em;
        font-weight: bold;
        color: white;
    }
}
@media (min-width: 1024px) and (max-width: 1279px) {
    .anaDiv {
        height: 100%;
        overflow: auto;
    }

    .GenelDiv {
        margin-top: -40px;
    }

    .icerikSatirDiv {
        padding: 0px;
        height: 38px;
    }

    .satirlar {
        font-size: 1.2em;
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        height: 30px;
        font-weight: normal;
        /*text-align: left;*/
        padding-top: 0px;
    }

    .baslik {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.0em;
    }

    .satir {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.0em;
        font-weight: normal;
        height: 30px;
        text-align: center;
    }

    h2 {
        font-size: 1.5em;
        margin-top: 0px;
        width: 100%;
    }

    h4 {
        font-size: 1.2em;
        width: 100%;
    }

    .HeadBlogLogo {
        height: 65px;
        width: 25%;
    }

    .logox {
        width: 100%;
        height: 100%;
    }

    .brd {
        border-style: solid;
        border-color: white;
        border-width: 0px;
    }

    .telDiv {
        border-radius: 5px;
        margin: auto;
        color: white;
        padding-top: 2%;
        font-weight: bold;
    }

    .telNox {
        font-size: 1.0em;
        color: white;
        text-decoration: none;
        font-weight: bold;
    }

    .dovizAlani {
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        border-style: solid;
        border-color: #686363;
        border-width: 0px;
        padding: 0px;
    }

    .gramAltinAlani {
        visibility: hidden;
        height: 0px;
    }

    .videoAlani {
        /*
            visibility: hidden;
        height: 10px;
    */
    }

    .HeadBlogTitle {
        float: left;
        padding-top: 10px;
        text-align: center;
        float: left;
        margin-top: 0px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        font-size: 1.3em;
        color: #d7b56d;
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .HeadBlogTarih {
        height: 100px;
        width: 100%;
        padding-top: 5px;
        font-size: 1em;
    }

    .LogoAltMesaj {
        font-size: 0.9em;
        margin: auto;
        margin-top: -45px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        height: 100px;
        text-align: center;
        margin-left: -10px;
        padding-left: 0px;
    }

    #rotate-words {
        /*max-width:400px;*/
        margin: auto;
        /*padding:20% 0;*/
        font-size: 1.7em;
        margin-top: 0px;
        font-family: 'Poppins', sans-serif;
    }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .8em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }



        #rotate-words div {
            width: 100%;
            margin-top: -20px;
        }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .6em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }
    /*Sosyal Medya*/
    .sosMedDis {
        text-align: center;
        border-style: solid;
        border-width: 0px;
        border-color: white;
    }

    .linkimg {
        height: 50px;
        width: 50px;
    }

    .tarihAlani {
        margin-top: 0px;
        width: 25%;
    }

    .kayanYazi {
        font-size: 1.1em;
        font-weight: bold;
        color: white;
    }
}
@media (min-width: 1280px) and (max-width: 1365px) {
    .anaDiv {
        height: 100%;
        overflow: auto;
    }

    .GenelDiv {
        margin-top: -40px;
    }

    .icerikSatirDiv {
        padding: 0px;
        height: 38px;
    }

    .satirlar {
        font-size: 1.2em;
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        height: 30px;
        font-weight: normal;
        /*text-align: left;*/
        padding-top: 0px;
    }

    .baslik {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.0em;
    }

    .satir {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.0em;
        font-weight: normal;
        height: 30px;
        text-align: center;
    }

    h2 {
        font-size: 1.5em;
        margin-top: 0px;
        width: 100%;
    }

    h4 {
        font-size: 1.2em;
        width: 100%;
    }

    .HeadBlogLogo {
        height: 65px;
        width: 25%;
    }

    .logox {
        width: 100%;
        height: 100%;
    }

    .brd {
        border-style: solid;
        border-color: white;
        border-width: 0px;
    }

    .telDiv {
        border-radius: 5px;
        margin: auto;
        color: white;
        padding-top: 2%;
        font-weight: bold;
    }

    .telNox {
        font-size: 1.0em;
        color: white;
        text-decoration: none;
        font-weight: bold;
    }

    .dovizAlani {
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 5px;
        border-style: solid;
        border-color: #686363;
        border-width: 0px;
        padding: 0px;
    }

    .gramAltinAlani {
        /*
            visibility: hidden;
        height: 0px;
       */
    }

    .videoAlani {
        /*
            visibility: hidden;
        height: 10px;
    */
    }

    .HeadBlogTitle {
        float: left;
        padding-top: 10px;
        text-align: center;
        float: left;
        margin-top: 0px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        font-size: 1.3em;
        color: #d7b56d;
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .HeadBlogTarih {
        height: 100px;
        width: 100%;
        padding-top: 5px;
        font-size: 1em;
    }

    .LogoAltMesaj {
        font-size: 0.9em;
        margin: auto;
        margin-top: -45px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        height: 100px;
        text-align: center;
        margin-left: -10px;
        padding-left: 0px;
    }

    #rotate-words {
        /*max-width:400px;*/
        margin: auto;
        /*padding:20% 0;*/
        font-size: 1.7em;
        margin-top: 0px;
        font-family: 'Poppins', sans-serif;
    }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .8em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }



        #rotate-words div {
            width: 100%;
            margin-top: -20px;
        }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .6em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }
    /*Sosyal Medya*/
    .sosMedDis {
        text-align: center;
        border-style: solid;
        border-width: 0px;
        border-color: white;
    }

    .linkimg {
        height: 50px;
        width: 50px;
    }

    .tarihAlani {
        margin-top: 0px;
        width: 25%;
    }

    .kayanYazi {
        font-size: 1.1em;
        font-weight: bold;
        color: white;
    }
}
@media (min-width: 1366px) and (max-width: 1480px) {
    .anaDiv {
        height: 100%;
        overflow: auto;
    }

    .GenelDiv {
        margin-top: -40px;
    }

    .icerikSatirDiv {
        padding: 0px;
        height: 38px;
    }

    .satirlar {
        font-size: 1.1em;
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        height: 35px;
        font-weight: normal;
        /*text-align: left;*/
        padding-top: 2px;
    }

    .baslik {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.1em;
    }

    .satir {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.1em;
        height: 20px;
    }

    h2 {
        font-size: 1.7em;
        margin-top: 0px;
        width: 100%;
    }

    h4 {
        font-size: 1.2em;
        width: 100%;
    }

    .HeadBlogLogo {
        height: 65px;
        width: 25%;
    }

    .logox {
        width: 80%;
        height: 100%;
    }

    .brd {
        border-style: solid;
        border-color: white;
        border-width: 0px;
    }

    .telDiv {
        border-radius: 5px;
        margin: auto;
        color: white;
        padding-top: 2%;
        font-weight: bold;
    }

    .telNox {
        font-size: 1.0em;
        color: white;
        text-decoration: none;
        font-weight: bold;
    }

    .dovizAlani {
        margin-top: 20px;
        margin-bottom: 10px;
        border-radius: 5px;
        border-style: solid;
        border-color: #686363;
        border-width: 0px;
        padding: 0px;
    }

    .gramAltinAlani {
        /*
            visibility: hidden;
        height: 0px;
       */
    }

    .videoAlani {
        margin-top:10px;
        /*visibility: hidden;
        height: 10px;*/
    }

    .HeadBlogTitle {
        float: left;
        padding-top: 10px;
        text-align: center;
        float: left;
        margin-top: 0px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        font-size: 1.1em;
        color: #d7b56d;
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .HeadBlogTarih {
        height: 100px;
        width: 100%;
        padding-top: 10px;
        font-size: 1em;
    }

    .LogoAltMesaj {
        font-size: 0.9em;
        margin: auto;
        margin-top: -45px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        height: 100px;
        text-align: center;
        margin-left: -10px;
        padding-left: 0px;
    }

    #rotate-words {
        /*max-width:400px;*/
        margin: auto;
        /*padding:20% 0;*/
        font-size: 1.7em;
        margin-top: 0px;
        font-family: 'Poppins', sans-serif;
    }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .8em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }



        #rotate-words div {
            width: 100%;
            margin-top: -20px;
        }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .6em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }
    /*Sosyal Medya*/
    .sosMedDis {
        text-align: center;
        border-style: solid;
        border-width: 0px;
        border-color: white;
    }

    .linkimg {
        height: 50px;
        width: 50px;
    }

    .tarihAlani {
        margin-top: 0px;
        width: 25%;
    }

    .kayanYazi {
        font-size: 1.1em;
        font-weight: bold;
        color: white;
    }
}
@media (min-width: 1481px) and (max-width: 1920px) {
    .anaDiv {
        height: 100%;
        overflow: auto;
    }

    .GenelDiv {
        margin-top: -40px;
    }

    .icerikSatirDiv {
        padding: 0px;
        height: 60px;
    }

    .satirlar {
        font-size: 2em;
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        height: 80px;
        font-weight: bold;
        /*text-align: left;*/
        padding-top: 20px;
    }

    .baslik {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.2em;
    }

    .satir {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.2em;
        height: 20px;
    }

    h2 {
        font-size: 2em;
        margin-top: 0px;
        width: 100%;
    }

    h4 {
        font-size: 1.2em;
        width: 100%;
    }

    .HeadBlogLogo {
        height: 65px;
        width: 25%;
    }

    .logox {
        width: 50%;
        height: 100%;
    }

    .brd {
        border-style: solid;
        border-color: white;
        border-width: 0px;
    }

    .telDiv {
        border-radius: 5px;
        margin: auto;
        color: white;
        padding-top: 2%;
        font-weight: bold;
    }

    .telNox {
        font-size: 1.0em;
        color: white;
        text-decoration: none;
        font-weight: bold;
    }

    .dovizAlani {
        margin-top: 33px;
        margin-bottom: 10px;
        border-radius: 5px;
        border-style: solid;
        border-color: #686363;
        border-width: 0px;
        padding: 0px;
    }

    .gramAltinAlani {
        /*
            visibility: hidden;
        height: 0px;
     */
    }

    .videoAlani {
        margin-top: 10px;
        /*visibility: hidden;
        height: 10px;*/
    }

    .HeadBlogTitle {
        float: left;
        padding-top: 10px;
        text-align: center;
        float: left;
        margin-top: 0px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        font-size: 1.1em;
        color: #d7b56d;
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .HeadBlogTarih {
        height: 100px;
        width: 100%;
        padding-top: 10px;
        font-size: 1em;
    }

    .LogoAltMesaj {
        font-size: 0.9em;
        margin: auto;
        margin-top: -45px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        height: 100px;
        text-align: center;
        margin-left: -10px;
        padding-left: 0px;
    }

    #rotate-words {
        /*max-width:400px;*/
        margin: auto;
        /*padding:20% 0;*/
        font-size: 1.7em;
        margin-top: 0px;
        font-family: 'Poppins', sans-serif;
    }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .8em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }



        #rotate-words div {
            width: 100%;
            margin-top: -20px;
        }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .6em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }
    /*Sosyal Medya*/
    .sosMedDis {
        text-align: center;
        border-style: solid;
        border-width: 0px;
        border-color: white;
    }

    .linkimg {
        height: 50px;
        width: 50px;
    }

    .tarihAlani {
        margin-top: 0px;
        width: 25%;
    }

    .kayanYazi {
        font-size: 1.1em;
        font-weight: bold;
        color: white;
    }
}
@media (min-width: 1921px) and (max-width: 2048px) {
    .anaDiv {
        height: 100%;
        overflow: auto;
    }

    .GenelDiv {
        margin-top: -40px;
    }

    .icerikSatirDiv {
        padding: 0px;
        height: 60px;
    }

    .satirlar {
        font-size: 2em;
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        height: 60px;
        font-weight: bold;
        /*text-align: left;*/
        padding-top: 20px;
    }

    .baslik {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.2em;
    }

    .satir {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.2em;
        height: 20px;
    }

    h2 {
        font-size: 2em;
        margin-top: 0px;
        width: 100%;
    }

    h4 {
        font-size: 1.2em;
        width: 100%;
    }

    .HeadBlogLogo {
        height: 65px;
        width: 25%;
    }

    .logox {
        width: 50%;
        height: 100%;
    }

    .brd {
        border-style: solid;
        border-color: white;
        border-width: 0px;
    }

    .telDiv {
        border-radius: 5px;
        margin: auto;
        color: white;
        padding-top: 2%;
        font-weight: bold;
    }

    .telNox {
        font-size: 1.0em;
        color: white;
        text-decoration: none;
        font-weight: bold;
    }

    .dovizAlani {
        margin-top: 20px;
        margin-bottom: 10px;
        border-radius: 5px;
        border-style: solid;
        border-color: #686363;
        border-width: 0px;
        padding: 0px;
    }

    .gramAltinAlani {
        /*
            visibility: hidden;
        height: 0px;
     */
    }

    .videoAlani {
        margin-top: 10px;
        /*visibility: hidden;
        height: 10px;*/
    }

    .HeadBlogTitle {
        float: left;
        padding-top: 10px;
        text-align: center;
        float: left;
        margin-top: 0px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        font-size: 1.1em;
        color: #d7b56d;
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .HeadBlogTarih {
        height: 100px;
        width: 100%;
        padding-top: 10px;
        font-size: 1em;
    }

    .LogoAltMesaj {
        font-size: 0.9em;
        margin: auto;
        margin-top: -45px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        height: 100px;
        text-align: center;
        margin-left: -10px;
        padding-left: 0px;
    }

    #rotate-words {
        /*max-width:400px;*/
        margin: auto;
        /*padding:20% 0;*/
        font-size: 1.7em;
        margin-top: 0px;
        font-family: 'Poppins', sans-serif;
    }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .8em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }



        #rotate-words div {
            width: 100%;
            margin-top: -20px;
        }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .6em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }
    /*Sosyal Medya*/
    .sosMedDis {
        text-align: center;
        border-style: solid;
        border-width: 0px;
        border-color: white;
    }

    .linkimg {
        height: 50px;
        width: 50px;
    }

    .tarihAlani {
        margin-top: 0px;
        width: 25%;
    }

    .kayanYazi {
        font-size: 1.1em;
        font-weight: bold;
        color: white;
    }
}
@media (min-width: 2049px) and (max-width: 3840px) {
    .anaDiv {
        height: 100%;
        overflow: auto;
    }

    .GenelDiv {
        margin-top: -40px;
    }

    .icerikSatirDiv {
        padding: 0px;
        height: 60px;
    }

    .satirlar {
        font-size: 2em;
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        height: 80px;
        font-weight: bold;
        /*text-align: left;*/
        padding-top: 20px;
    }

    .baslik {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.2em;
    }

    .satir {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.2em;
        height: 20px;
    }

    h2 {
        font-size: 2em;
        margin-top: 0px;
        width: 100%;
    }

    h4 {
        font-size: 1.2em;
        width: 100%;
    }

    .HeadBlogLogo {
        height: 65px;
        width: 25%;
    }

    .logox {
        width: 50%;
        height: 100%;
    }

    .brd {
        border-style: solid;
        border-color: white;
        border-width: 0px;
    }

    .telDiv {
        border-radius: 5px;
        margin: auto;
        color: white;
        padding-top: 2%;
        font-weight: bold;
    }

    .telNox {
        font-size: 1.0em;
        color: white;
        text-decoration: none;
        font-weight: bold;
    }

    .dovizAlani {
        margin-top: 33px;
        margin-bottom: 10px;
        border-radius: 5px;
        border-style: solid;
        border-color: #686363;
        border-width: 0px;
        padding: 0px;
    }

    .gramAltinAlani {
        /*
            visibility: hidden;
        height: 0px;
     */
    }

    .videoAlani {
        margin-top: 10px;
        /*visibility: hidden;
        height: 10px;*/
    }

    .HeadBlogTitle {
        float: left;
        padding-top: 10px;
        text-align: center;
        float: left;
        margin-top: 0px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        font-size: 1.1em;
        color: #d7b56d;
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .HeadBlogTarih {
        height: 100px;
        width: 100%;
        padding-top: 10px;
        font-size: 1em;
    }

    .LogoAltMesaj {
        font-size: 0.9em;
        margin: auto;
        margin-top: -45px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        height: 100px;
        text-align: center;
        margin-left: -10px;
        padding-left: 0px;
    }

    #rotate-words {
        /*max-width:400px;*/
        margin: auto;
        /*padding:20% 0;*/
        font-size: 1.7em;
        margin-top: 0px;
        font-family: 'Poppins', sans-serif;
    }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .8em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }



        #rotate-words div {
            width: 100%;
            margin-top: -20px;
        }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .6em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }
    /*Sosyal Medya*/
    .sosMedDis {
        text-align: center;
        border-style: solid;
        border-width: 0px;
        border-color: white;
    }

    .linkimg {
        height: 50px;
        width: 50px;
    }

    .tarihAlani {
        margin-top: 0px;
        width: 25%;
    }

    .kayanYazi {
        font-size: 1.1em;
        font-weight: bold;
        color: white;
    }
}
@media (min-width: 3849px) and (max-width: 4800px) {
    .anaDiv {
        height: 100%;
        overflow: auto;
    }

    .GenelDiv {
        margin-top: -40px;
    }

    .icerikSatirDiv {
        padding: 0px;
        height: 60px;
    }

    .satirlar {
        font-size: 2em;
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        height: 80px;
        font-weight: bold;
        /*text-align: left;*/
        padding-top: 20px;
    }

    .baslik {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.2em;
    }

    .satir {
        font-family: 'Poppins' Tahoma, Geneva, Verdana, sans-serif;
        font-size: 1.2em;
        height: 20px;
    }

    h2 {
        font-size: 2em;
        margin-top: 0px;
        width: 100%;
    }

    h4 {
        font-size: 1.2em;
        width: 100%;
    }

    .HeadBlogLogo {
        height: 65px;
        width: 25%;
    }

    .logox {
        width: 50%;
        height: 100%;
    }

    .brd {
        border-style: solid;
        border-color: white;
        border-width: 0px;
    }

    .telDiv {
        border-radius: 5px;
        margin: auto;
        color: white;
        padding-top: 2%;
        font-weight: bold;
    }

    .telNox {
        font-size: 1.0em;
        color: white;
        text-decoration: none;
        font-weight: bold;
    }

    .dovizAlani {
        margin-top: 33px;
        margin-bottom: 10px;
        border-radius: 5px;
        border-style: solid;
        border-color: #686363;
        border-width: 0px;
        padding: 0px;
    }

    .gramAltinAlani {
        /*
            visibility: hidden;
        height: 0px;
     */
    }

    .videoAlani {
        margin-top: 10px;
        /*visibility: hidden;
        height: 10px;*/
    }

    .HeadBlogTitle {
        float: left;
        padding-top: 10px;
        text-align: center;
        float: left;
        margin-top: 0px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        font-size: 1.1em;
        color: #d7b56d;
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .HeadBlogTarih {
        height: 100px;
        width: 100%;
        padding-top: 10px;
        font-size: 1em;
    }

    .LogoAltMesaj {
        font-size: 0.9em;
        margin: auto;
        margin-top: -45px;
        border-style: solid;
        border-width: 0px;
        border-color: blue;
        height: 100px;
        text-align: center;
        margin-left: -10px;
        padding-left: 0px;
    }

    #rotate-words {
        /*max-width:400px;*/
        margin: auto;
        /*padding:20% 0;*/
        font-size: 1.7em;
        margin-top: 0px;
        font-family: 'Poppins', sans-serif;
    }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .8em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }



        #rotate-words div {
            width: 100%;
            margin-top: -20px;
        }

        #rotate-words span {
            display: block;
            height: 50px;
            font-size: .6em;
            font-weight: bold;
            opacity: 1;
            font-family: 'Rubik', sans-serif;
        }
    /*Sosyal Medya*/
    .sosMedDis {
        text-align: center;
        border-style: solid;
        border-width: 0px;
        border-color: white;
    }

    .linkimg {
        height: 50px;
        width: 50px;
    }

    .tarihAlani {
        margin-top: 0px;
        width: 25%;
    }

    .kayanYazi {
        font-size: 1.1em;
        font-weight: bold;
        color: white;
    }
}