:root{
--xtop-height: 214px;
}

.xtop{
z-index: 1000;
background: white;
top: 0;
left: 0;
right:0;
}

.xtop__empty{
display: none;
height: var(--xtop-height);
}

@media (min-width: 1200px) and (min-height: 600px){

.xtop{
position: fixed;
}

.xtop__empty{
display: block;
 
}

}

@media (min-width: 992px) and (min-height: 650px){
.xtop{
position: fixed;
}

.xtop__empty{
display: block;
 
}
}