/* MYTEK Logo - Drop and recover motion */

@media (max-width: 768px){
header a[href="/"] img,
.store-logo img,
.header-logo img,
.navbar-brand img,
.salla-theme-logo img,
.store-header img,
.site-logo img{
max-height: 54px !important;
width: auto !important;
object-fit: contain !important;
}

header,
.store-header,
.main-header,
.navbar{
min-height: 70px !important;
}
}

header a[href="/"] img,
.store-logo img,
.header-logo img,
.navbar-brand img,
.salla-theme-logo img,
.store-header img,
.site-logo img{
display: inline-block !important;
position: relative !important;
animation: mytekLogoDropRecover 5.2s ease-in-out infinite !important;
transform-origin: center center !important;
will-change: left, top, transform, filter !important;
}

@keyframes mytekLogoDropRecover{
0%, 62%, 100%{
left: 0;
top: 0;
transform: scale(1) rotate(0deg);
filter: drop-shadow(0 0 0 rgba(115,252,216,0));
}

68%{
left: -4px;
top: 8px;
transform: scale(1.05) rotate(-16deg);
filter: drop-shadow(0 0 12px rgba(115,252,216,.28));
}

75%{
left: 5px;
top: -4px;
transform: scale(1.07) rotate(12deg);
filter: drop-shadow(0 0 16px rgba(115,252,216,.38));
}

82%{
left: -3px;
top: 2px;
transform: scale(1.04) rotate(-7deg);
filter: drop-shadow(0 0 10px rgba(115,252,216,.24));
}

90%{
left: 0;
top: 0;
transform: scale(1.01) rotate(2deg);
filter: drop-shadow(0 0 6px rgba(115,252,216,.16));
}
}