@media (max-width : 988px){
    .spicker{
        padding: 20px;
    }
}
@media (max-width : 900px){
    .spickers-container{
        grid-template-columns: 50fr 50fr;
    }
    .spicker{
        padding: 20px 30px;
    }
    .vatchers{
        grid-template-columns: 50fr 50fr;
    }
}
@media (max-width : 768px){
    .partners-logos img{
        height: 50%;
    }
}
@media (max-width : 718px){
    .spickers-container{
        grid-template-columns: 100fr;
    }
    .vatchers{
        grid-template-columns: 100fr;
    }
    header{
        height: 100%;
        
    }
    .footer-nav-items{
        flex-direction: column;
    }
    .footer-nav-items li{
        height: 50%;
    }
    .nav-items{
        justify-content: center;
        flex-direction: column;
        padding: 20px 0px;
        width: 100%;
    }
    .logo-image{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }
    .logo-image img{
        width: 80%;
    }
    .partners-logos{
        flex-direction: column;
    }
    .partners-logos img{
        width: 20%;
        margin: 10px 0px;
    }
    .nav-items li{
        height: 45%;
    }
    footer{
        height: 100%;
    }
    .footer-logo-image img{
        width: 50%;
    }
    .footer-logo-image{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }
}
@media (max-width : 480px){
    header{
        height: 100%;
        
    }
    .footer-nav-items{
        flex-direction: column;
    }
    .footer-nav-items li{
        height: 50%;
    }
    .nav-items{
        justify-content: center;
        flex-direction: column;
        padding: 20px 0px;
        width: 100%;
    }
    .logo-image{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }
    .logo-image img{
        width: 80%;
    }
    .partners-logos{
        flex-direction: column;
    }
    .partners-logos img{
        width: 30%;
        margin: 10px 0px;
    }
    .nav-items li{
        height: 45%;
    }
    footer{
        height: 100%;
    }
    .footer-logo-image img{
        width: 50%;
    }
    .footer-logo-image{
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
    }
}