.event-page {
    font-family: "Source Sans Pro";

    .adv-section {
        .card-advertising {
            background: initial;
        }

        .adv-rate {
            color: #254485;
            white-space: nowrap;
            border: 1px solid #fff;
            background-color: #fff;
            font-size: 20px;
            /*align-items: baseline;*/
        }

        .adv-rate.couponbtn {
            color: #254485 !important;
        }

        .adv-text .text-dark {
            color: #254485 !important;;
        }

        .coupon-rate {
            white-space: nowrap;
            color: #254485;

            i {
                color: #254485;
            }
        }
    }

    .store-box-logo {
        padding: 10px;
    }

    .top-placements-title {
        @media (max-width: 767px) {
            font-size: 20px !important;
        }
    }

    /*header 1 */

    .featured-store-header {
        .ft-left-img {
            background: url(./image/header-img/fs-title-bg.png) no-repeat;
            background-size: contain;
        }

        .ft-title-fs {
            color: #000;
        }

        .ft-title-fs::after {
            background-color: #000;
        }

        .ft-title {
            font-size: 35px;
            max-width: 100%;
            white-space: nowrap;
        }

        @media (max-width: 1200px) {
            .ft-title-img {
                width: 90%;
            }
        }

        @media (max-width: 767px) {
            .ft-title {
                font-size: 18px;
            }

            .ft-left-img {
                background-position: center;
                width: 100%;
            }
        }
    }

    /*header 2*/

    .featured-bottom-store-header {
        height: 215px;

        .featured-bottom-store {
            background: url(image/header-img/es-title-bg.png) no-repeat;
            background-size: 100%;
        }

        .header-title {
            color: #000;
            margin-bottom: 40px;
            font-family: "Source Sans Pro";
        }

        @media (max-width: 1440px) {
            height: 205px;
            .header-title {
                margin-bottom: 3%;
            }
        }
        @media (max-width: 1200px) {
            height: 160px;
            .header-title {
                font-size: 30px;
                margin-bottom: 2%;
            }
        }

        @media (max-width: 960px) {
            height: 120px;
            .header-title {
                margin-bottom: 10px;
            }
        }
        @media (max-width: 830px) {
            height: 115px;
        }
        @media (max-width: 768px) {
            height: 100px;
            .featured-bottom-store {
                background-size: 100%;
            }

            .header-title {
                font-size: 20px;
                margin-left: 10px;
                margin-bottom: 17px;
            }
        }
        @media (max-width: 576px) {
            height: 53px;
            .header-title {
                font-size: 13px;
                margin-left: 10px;
                margin-bottom: 1px;
            }
        }
    }
}