/* ==========================
   LOGO (Desktop First)
========================== */
.header-brand{
    display:flex;
    align-items:center;
    margin:0;
    padding:0;
    flex-shrink:0;
}

.header-brand a{
    display:flex;
    align-items:center;
    text-decoration:none;
    margin:0;
    padding:0;
}

.header-brand img{
    display:block;
    width:auto;
    height:70px;
    object-fit:contain;
    transition:.3s ease;
}

/* ==========================
   Large Laptop (1200px)
========================== */
@media (max-width:1500px){

.header-brand img{
    height:35px;
}

}

/* ==========================
   Laptop (992px)
========================== */
@media (max-width:992px){

.header-brand img{
    height:55px;
}

}

/* ==========================
   Tablet (768px)
========================== */
@media (max-width:768px){

.header-brand img{
    height:55px;
}

}

/* ==========================
   Large Mobile (576px)
========================== */
@media (max-width:576px){

.header-brand img{
    height:48px;
}

}

/* ==========================
   Small Mobile (425px)
========================== */
@media (max-width:425px){

.header-brand img{
    height:42px;
}

}

/* ==========================
   Extra Small Mobile (375px)
========================== */
@media (max-width:375px){

.header-brand img{
    height:38px;
}

}

/* ==========================
   Very Small Mobile (320px)
========================== */
@media (max-width:320px){

.header-brand img{
    height:34px;
}

}