.archive .site-header .vc_col-sm-3{
    width:25%;
    float: left;
    padding: 0px 15px;
}
.archive .site-header .vc_col-sm-6{
    width:50%;
    float: left;
    padding: 0px 15px;
}

@media screen and (max-width:768px){
    .archive .site-header .vc_col-sm-3,
    .archive .site-header .vc_col-sm-6{
        width:100%;
    }
    
}