/* Default settings for all devices */
.portrait-img {
    display: none;
    /* Hide the portrait image by default */
}

.landscape-img {
    display: block;
    /* Show the landscape image by default */
}

/* Media query for mobile devices in portrait mode */
@media screen and (max-width: 768px) and (orientation: portrait) {
    .portrait-img {
        display: block;
        /* Show the portrait image */
    }

    .landscape-img {
        display: none;
        /* Hide the landscape image */
    }

}

/* Media query for mobile devices in portrait mode */
@media screen and (max-width: 768px) and (orientation: portrait) {
    .portrait-img {
        display: block !important;
        /* Show the portrait image */
    }

    .landscape-img {
        display: none !important;
        ;
        /* Hide the landscape image */
    }

    h1#igg9u {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important;
    }

    #iul9u,
    #ie7qmh {
        padding-left: .75rem !important;
        padding-right: .75rem !important;

    }

    #ihpepv {
        padding-left: 16px !important;
        padding-right: 16px !important;

    }

    #clickster_5B3RICEfx {
        width: 100% !important;
    }

}

/* SE */
@media (max-width: 667px) and (orientation: landscape) {

    #iul9u,
    #ie7qmh {
        padding-left: .75rem !important;
        padding-right: .75rem !important;

    }

    #clickster_5B3RICEfx {
        width: 270ox !important;
    }
}

@media (max-width: 884px) and (orientation: landscape) {

    #iul9u,
    #ie7qmh {
        padding-left: .75rem !important;
        padding-right: .75rem !important;

    }

    #clickster_5B3RICEfx {
        width: 270px !important;
    }
}


@media (max-width: 932px) and (orientation: landscape) {

    #iul9u,
    #ie7qmh {
        padding-left: .75rem !important;
        padding-right: .75rem !important;

    }

    #clickster_5B3RICEfx {
        width: 270px !important;
    }

    .hover-card {
        width: 20%;
    }
}

@media (max-width: 768px) and (orientation: landscape) {
    .portrait-img {
        display: block;
        /* Show the portrait image */
    }

    .landscape-img {
        display: none;
        /* Hide the landscape image */
    }

    h1#igg9u {
        /* HEADLINE */
        font-size: 1.875rem !important;
        line-height: 2.25rem !important;
    }

    #iul9u,
    #ie7qmh {
        padding-left: .75rem !important;
        padding-right: .75rem !important;

    }

    #ihpepv {
        padding-left: 16px !important;
        padding-right: 16px !important;

    }

    #clickster_5B3RICEfx {
        width: 270px !important;
    }

}

/* IPAD LANDSCAPE */
@media (max-width: 1366px) and (orientation: landscape) {
    #i8eqw {
        padding: 0px 15px !important;
        max-width: 100% !important;
    }
}

/* IPAD PORTRAIT */
@media (max-width: 1024px) and (orientation: portrait) {
    #i8eqw {
        padding: 0px 15px !important;
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 767px) and (min-width: 320px) and (orientation: portrait) {
    .hover-card {
        width: 29%;
    }
}

@media (max-width: 820px) {
    #irkt8 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}
@media only screen and (max-width: 375px) {
    #clickster_5B3RICEfx {
        font-size: 19px !important;
    }
}