.urunpadding{
    padding: 5px;
}

.carousel-item img {
    height: 100%;
    width: 100%;
}
.carousel-caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

}

.carousel-caption h1 {
    font-size: 300%;
    text-shadow: 1px 1px 10px #000;

}

#slaytAlti {
    background: linear-gradient(#289bb4,#0b7d94);
}

#slaytAlti .row {
    padding-top: 50px;
}

.worldimg {
   padding-top: 15px;
   padding-bottom: 25px;
}

.haberlerbaslik{
   background : url('../Images/HaberlerBaslik.png') no-repeat;
   height: 37px;
   padding-top: 5px;
   padding-left: 70px;
   color: #0b7d94;

}

.backgroundbeyaz {
    background-color: white;
}

.card-title {
    font-size: 80%;
    font-weight: bold;
    text-align: center;

}

.card-text {
    font-size: 70%;
}

.card {
    margin-top : 20px; 
}
.haberitem{
    margin-top: 5px;
}
.haberbaslik{
    color: #b5f7ef;
}
.habericerik{
    font-size : 80%;
    color : white;
    padding-top: 10px;
    padding-left: 10px;
    padding-right:20px; 
}
.haberresim{display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

footer{
    margin-top : 20px;
    padding-top: 20px;
    background: #02827d ; 
    color: white;
    bottom:0;
}

.diller{
    margin-top: 5px;
    font-size: 90%;
    color: #02827d;
}

#tree1  {
    margin-top: 30px;
    margin-left : -10px;

}


#tree1 ul {
    list-style-type: disc;
}
#tree1 ul a {
 font-size: 90%;

    color: #02827d;
}

.form-control{
    border: 1px solid #f1eaed!important;
}

.form-group{
    margin-bottom : 1.2rem;
}

.form-margintop{
    margin-top : 2%;
    margin-bottom :2%;
}

.hakkimizdapanel{
    padding-left: 10%;
    margin-top:25px;

}

.hakkimizdapanel p {
    color : #108299!important;
}


.hakkimizdapanel h4,h2 {
    color : #075865!important;
}

.hakkimizdafull{
    background: linear-gradient(#289bb4,#0b7d94)!important;
}

.hakkimizdabasyazi{
    color: white;
    font-size: 140%;
    text-shadow: 1px 1px 10px #000;
    margin-top: 20%;
    text-align: center;
    line-height: 2.5rem;

}

.iletisimfull{
    background: linear-gradient(#289bb4,#02827d)!important;
    margin-bottom : -20px;
}


.iletisimbasyazi{
    color: white;
    font-size: 120%;
    text-shadow: 1px 1px 10px #000;
    margin-top: 15%;
    text-align: center;
    line-height: 2.5rem;

}

.urundetaybaslik{
    margin-top : 15px;
    color : #02827d;
    font-size : 1.5rem;
}


.urundetayaltbaslik{
    margin-top : 15px;
    margin-bottom : 10px;
    color : #02827d;
    font-size : 1.2rem;
}


@media (max-width: 575.98px) { 
.carousel-caption {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);

    }

.carousel-caption h1 {
    font-size: 80%;
    text-shadow: 1px 1px 10px #000;
    }

.hakkimizdafull img{
    max-width: 100%;
    height: auto;
}

.hakkimizdabasyazi{
    color: white;
    font-size: 100%;
    text-shadow: 1px 1px 10px #000;
    margin-top: 1%;
    text-align: center;
    line-height: 1.5rem;

}
.iletisimfull img {
    max-width: 100%;
    height: auto;
}
.iletisimbasyazi{
    color: white;
    font-size: 90%;
    text-shadow: 1px 1px 10px #000;
    margin-top: 1%;
    text-align: center;
    line-height: 1.2rem;

}

}

@media (min-width: 576px) and (max-width: 767.98px) { 
    .carousel-caption {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    
    }
    
    .carousel-caption h1 {
        font-size: 150%;
        text-shadow: 1px 1px 10px #000;
    
    }
 }

@media (min-width: 768px) and (max-width: 1025px) { 
    .carousel-caption {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    
    }
    
    .carousel-caption h1 {
        font-size: 200%;
        text-shadow: 1px 1px 10px #000;
    
    }
 }