/* ==========================================================
   IK.NEWS — BANNER
   ========================================================== */

.header-banner-section {
    width: 100%;
    display: block;
    margin: 5px 0;
    text-align: center;
}

.header-banner-section .ik-banner {
    width: 1250px;
    max-width: calc(100% - 40px);

    height: 95px;

    margin: 0 auto;
    overflow: hidden;

    position: relative;
}

.header-banner-section .ik-banner-image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* ==========================================================
   НОУТБУКИ
   ========================================================== */

.header-banner-section .ik-banner {
    width: 1250px;
    max-width: calc(100% - 40px);
    height: auto;
    aspect-ratio: 1250 / 95;

    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

/* Ноутбуки */
@media (max-width: 1600px) {
    .header-banner-section .ik-banner {
        width: 1000px;
    }
}

/* Небольшие ноутбуки */
@media (max-width: 1400px) {
    .header-banner-section .ik-banner {
        width: 900px;
    }
}

/* Планшеты */
@media (max-width: 900px) {
    .header-banner-section .ik-banner {
        width: calc(100% - 30px);
        height: auto;
        aspect-ratio: 1250 / 95;
    }
}

/* Телефоны */
@media (max-width: 600px) {
    .header-banner-section .ik-banner {
        width: calc(100% - 20px);
        height: auto;
        aspect-ratio: 1250 / 95;
    }
}

/* ==========================================================
   ПЛАНШЕТ
   ========================================================== */

@media (max-width: 900px) {

    .header-banner-section .ik-banner {
        width: calc(100% - 30px);
        height: 70px;
    }

}


/* ==========================================================
   ТЕЛЕФОН
   ========================================================== */

@media (max-width: 600px) {

    .header-banner-section .ik-banner {
        width: calc(100% - 20px);
        height: 60px;
    }

}