@media (min-width: 800px) and (max-width: 850px) {
    .navbar:not(.top-nav-collapse) {
        background: #1C2331 !important;
    }
}

.view, body, html {
    height: 100%
}

.navbar {
    background-color: rgba(0, 0, 0, .7)
}

.page-footer, .top-nav-collapse {
    background-color: #1C2331
}

@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #1C2331
    }
}

.btn-giris {
    color: #ffa300 !important;
    font-weight: bold !important;
    margin-right: 15px;
}

.btn-kayit:hover {
    color: #ffffff !important;
}

.btn-kayit {

    text-align: center;
    font-size: 14px;
    padding: 10px 20px;
    background-color: #ffa300;
    width: 96px;
    font-weight: bold;
    border-radius: 4px;
    color: #141922 !important;
}

#arama2 {
    width: 300px;
    margin-left: 40px;
}


.w {
    width: auto;
    height: 180px;

}

.card-horizontal {
    display: flex;
    flex: 1 1 auto;
}

.nav-profile-btn{
    background-color: #fda201;
}

.nav-profile-btn:hover {
    background-color: #FFC60D;
    box-shadow: 0px 0px 6px 2px rgb(253, 197, 13);
    color: white;
}

.sol-alan ul li{
    list-style: none;
}

.sol-alan ul li a{
    text-decoration: none;
    color: #0064c9;
}

.sol-alan ul li a:hover{
    text-decoration: underline;
    color: #4fa5ff;
    font-size: large;
}