/* ==========================================================
   CALCINO GLOBAL BRAND
   ========================================================== */

.calcino-global-brand{

    width:100%;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:
        0 auto
        13px;

    padding:
        4px 0 0;

    line-height:0;
}


.calcino-global-brand img{

    display:block;

    width:180px;
    height:auto;

    max-width:42vw;
    max-height:96px;

    margin:0 auto;

    object-fit:contain;
    object-position:center;

    user-select:none;
    -webkit-user-drag:none;

    filter:
        drop-shadow(
            0 6px 18px
            rgba(0,0,0,.16)
        );
}


/* تبلت */

@media(max-width:820px){

    .calcino-global-brand{

        margin-bottom:12px;
    }


    .calcino-global-brand img{

        width:165px;
        max-width:48vw;
        max-height:88px;
    }
}


/* موبایل */

@media(max-width:650px){

    .calcino-global-brand{

        margin-bottom:10px;

        padding-top:2px;
    }


    .calcino-global-brand img{

        width:145px;
        max-width:58vw;
        max-height:78px;
    }
}


/* موبایل کوچک */

@media(max-width:390px){

    .calcino-global-brand img{

        width:130px;
        max-width:62vw;
        max-height:70px;
    }
}

/* CALCINO-BRAND-POSITION-START */

/*
  Brand is now the only visual identity in the Hero.
  Give it breathing room from the top edge.
*/

.calcino-global-brand{

    margin:
        22px auto
        18px !important;

    padding:
        0 !important;
}


/* slightly more presence now that old icon is gone */

.calcino-global-brand img{

    width:
        190px;

    max-width:
        45vw;

    height:
        auto;
}


/* Tablet */

@media(max-width:820px){

    .calcino-global-brand{

        margin:
            17px auto
            15px !important;
    }

    .calcino-global-brand img{

        width:
            170px;

        max-width:
            50vw;
    }
}


/* Mobile */

@media(max-width:650px){

    .calcino-global-brand{

        margin:
            14px auto
            13px !important;
    }

    .calcino-global-brand img{

        width:
            150px;

        max-width:
            57vw;
    }
}


/* Small mobile */

@media(max-width:390px){

    .calcino-global-brand{

        margin-top:
            11px !important;
    }

    .calcino-global-brand img{

        width:
            135px;

        max-width:
            62vw;
    }
}

/* CALCINO-BRAND-POSITION-END */