@media(max-width:768px){

.kp-header .kp-container{
    flex-direction:column;
    padding:15px 0;
}

.kp-navigation ul{
    flex-direction:column;
    gap:12px;
    text-align:center;
}

.kp-hero h1{
    font-size:34px;
}

}
@media(max-width:991px){

.kp-menu-toggle{

display:block;

}

.kp-navigation{

display:none;

}

.kp-navigation.active{

display:block;

position:absolute;

top:80px;

left:0;

width:100%;

background:#fff;

padding:20px;

box-shadow:0 20px 40px rgba(0,0,0,.1);

}

.kp-navigation ul{

flex-direction:column;

}

}