.font-ayar {
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-size-adjust:0.70;
    font-weight: bold;
    }
.font-ayar1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 25px;
    font-weight: bold;
}

.tema {
    background-color: #C0D6FA;
}
.nav-link {
    color: #db0909;
}
.animasyon {
    background: url(images/top.png) repeat;
    height: 10px;
    bottom: 1px;
    width: 100%;
    z-index: 2;
}
.animasyon1 {
    background: url(images/bottom.png) repeat;
    height: 10px;
    bottom: 1px;
    width: 100%;
    z-index: 2;
}

.res {
    width: auto;
    height: auto;
}
.light {
    margin-left: auto;
    margin-right: auto;
    margin: 0 0 0 0px;
}

/*1200 max*/
@media (max-width: 1200px) {
    .font-ayar {
        font-family: 'Montserrat', sans-serif;
        font-size: 40px;
        font-weight: bold;
        color: #db0909;
    }
    .font-ayar1 {
        font-family: 'Montserrat', sans-serif;
        font-size: 40px;
        font-weight: bold;
    }

    .tema {
        background-color: #C0D6FA;
    }

    .animasyon {
        background: url(images/top.png) repeat;
        height: 10px;
        bottom: 1px;
        width: 100%;
        z-index: 2;
    }
    .animasyon1 {
        background: url(images/bottom.png) repeat;
        height: 10px;
        bottom: 1px;
        width: 100%;
        z-index: 2;
    }

    .nav-item {
        margin-top: 25px;
        transition: all .5s ease;
    }

        .nav-item :hover {
            background-color: #9CDF4B;
            padding-left: 25px;
            color: #FF0011;
        }
    .res {
        width: auto;
        height: auto;
       
    }
    .light {
        margin-left: auto;
        margin-right: auto;
        margin: 0 0 0 0px;
    }
}

/*992 max*/
@media (max-width: 992px) {
    .font-ayar {
        font-family: 'Montserrat', sans-serif;
        font-size: 45px;
        font-weight: bold;
        
    }
    .font-ayar1 {
        font-family: 'Montserrat', sans-serif;
        font-size: 45px;
        font-weight: bold;
    }


    .tema {
        background-color: #C0D6FA;
        color: #db0909;
    }

    .animasyon {
        background: url(images/top.png) repeat;
        height: 10px;
        bottom: 1px;
        width: 100%;
        z-index: 2;
    }
    .animasyon1 {
        background: url(images/bottom.png) repeat;
        height: 10px;
        bottom: 1px;
        width: 100%;
        z-index: 2;
    }

    .nav-item {
        margin-top: 25px;
        transition: all .5s ease;
    }

        .nav-item :hover {
            background-color: #64bee4;
            padding-left: 25px;
            color: #F9f9f8;
        }
    .res {
        width:auto;
        height:auto;
    }
    .light {
        margin-left: auto;
        margin-right: auto;
        margin: 0 0 0 50px;
    }
}


@media (max-width:768px) {
    .font-ayar {
        font-family: 'Montserrat', sans-serif;
        font-size: 40px;
        font-weight: bold;
        color:#db0909;
    }

    .font-ayar1 {
        font-family: 'Montserrat', sans-serif;
        font-size: 40px;
        font-weight: bold;
    }

    .tema {
        background-color: #C0D6FA;
    }

    .animasyon {
        background: url(images/top.png) repeat;
        height: 10px;
        bottom: 1px;
        width: 100%;
        z-index: 2;
    }
    .animasyon1 {
        background: url(images/bottom.png) repeat;
        height: 10px;
        bottom: 1px;
        width: 100%;
        z-index: 2;
    }

    .nav-item {
        margin-top: 25px;
        transition: all .5s ease;
    }

        .nav-item :hover {
            background-color: #Ff5000;
            padding-left: 25px;
            color: #F9f8f8;
        }
    .res {
        width: 66px;
        height: 66px;
    }
    .light {
        margin-left: auto;
        margin-right: auto;
        margin: 0 0 0 50px;
    }
}

@media (max-width:576px) {
    .font-ayar {
        font-family: 'Montserrat', sans-serif;
        font-size: 40px;
        font-weight: bold;
    }

    .font-ayar1 {
        font-family: 'Montserrat', sans-serif;
        font-size: 40px;
        font-weight: bold;
    }

    .tema {
        background-color: #C0D6FA;
    }

    .animasyon {
        background: url(images/top.png) repeat;
        height: 10px;
        bottom: 1px;
        width: 100%;
        z-index: 2;
    }
    .animasyon1 {
        background: url(images/bottom.png) repeat;
        height: 10px;
        bottom: 1px;
        width: 100%;
        z-index: 2;
    }

    .nav-item {
        margin-top: 25px;
        transition: all .5s ease;
    }

        .nav-item :hover {
            background-color: #64bee4;
            padding-left: 25px;
            color: #F9f9f8;
        }

    .res{
        width:66px;
        height:66px;
        
    }
    .light {
        margin-left: auto;
        margin-right: auto;
        margin: 0 0 0 0px;
    }
    /*.nav-item:hover:not(.degerlendirme) {
        
        background-color:#f53333;
        padding-left:25px;
        
        }*/

}