@media (min-width: 10px) and (max-width:560px){

.headerbg{
padding: 10px 0px;
}

.logomob{
color: #fff;
}

.hero-content h1 {
    font-size: 25px;
    margin-bottom: 20px;
}

.slider-controls {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    z-index: 4;
    padding: 0 10px;
}


.navlink{
display: none;
}

.hamburger{
display: flex;
}


.logo{
display: none;
}

.avtorizacia li a {
    list-style: none;
    color: #fff;
    text-decoration: none;
    font-size: 25px;
    padding: 10px;
}


.fasianititle{
width: 100%;
display: flex;
justify-content: center;
text-align: center;
padding: 20px;
font-size: 20px;
}

.ufasoititle{
width: 100%;
display: flex;
justify-content: center;
text-align: center;
padding: 20px;
font-size: 20px;
}

}







@media (min-width: 560px) and (max-width:780px){

 .headerbg{
padding: 0px 10px;
}

.fasianititle{
width: 100%;
display: flex;
justify-content: center;
text-align: center;
padding: 20px;
font-size: 25px;
}

.ufasoititle{
width: 100%;
display: flex;
justify-content: center;
text-align: center;
padding: 20px;
font-size: 25px;
}


.logomob{
color: #141414;
}

.navlink{
display: none;
}

.hamburger{
display: flex;
}


.logo{
display: none;
}

.avtorizacia li a {
    list-style: none;
    color: #fff;
    text-decoration: none;
    font-size: 25px;
    padding: 10px;
}

 



}




@media (min-width: 780px) and (max-width:1000px){




}