@media (max-width:576px) {
    .app-wrapper-container,
    .redirection-strip,
    .indicator-bg,
    .copyright,
    #cookiesmodal{
        max-width: 100%;
    }
    .intro-screen {
        padding-top: 20px;
    }
    header {
        padding: 10px 0;
        height: 85px;
    }
    header .logo {
        max-width: 130px;
    }
    header .circle {
        height: 42px;
        max-width: 42px;
        background-size: 100%;
    }
    header .circle span {
        font-size: 18px;
        line-height: 42px;
    }
    header .earn-coins a {
        font-size: 13px;
    }
    header .earn-coins {
        max-width: 50px;
    }
    .levels h2 {
        font-size: 18px;
    }
    .levels .bottom-content p {
        font-size: 8px;;
    }
    .levels .slick-prev {
        padding-left: 25px;
        left:15px;
    }
    
    .levels .slick-next {
        margin-left: auto;
        padding-right: 25px;
        right:15px;
    }
    .levels .games-slider {
        max-height: calc(100%);
    }
    .modal-body h1{
        font-size: 28px;
    }
    .mnew-modal-content h1{
        font-size: 32px;
    }
    .test-your-iq ul li {
        font-size: 14px;
    }
    .letsstart-screen .tagline-text {
        font-size: 16px;
    }
    .letsstart-screen .featured-area h2 span {
        font-size: 50px;
    }
    .letsstart-screen .featured-area h2 {
        padding: 15px 0 0 10px;
    }
    .letsstart-screen .featured-area {
        background-size: 320px;
    }
    .newlevelup-screen .content-area {
        height: 310px;
        background-size: 320px;
    }
    .newlevelup-screen .midcontent {
        max-width: 180px;
        padding: 6px 0;
    }
    .levelup-complete-screen .content-area {
        background-size: 320px;
        height: 370px;
    }
    .levelup-complete-screen .star-img {
        max-width: 130px;
    }
    .levelup-complete-screen h6 {
        margin: 24px 0 0;
    }
    .subheader p .active {
        height: 8px;
        width: 8px;
    }
    .subheader p {
        font-size: 13px;
    }
    .subheader h3 {
        font-size: 18px;
    }
    .subheader h3 img {
        width: 18px;
    }
    .subheader {
        min-height: 74px;
    }
    .question-answer h4 {
        font-size: 24px;
    }
    .question-answer .questions {
        padding: 5px 0 0;
    }
    .test-your-iq h3 {
        font-size: 20px;
    }
    .intro-screen .counters li {
        width: 32.433%;
        padding: 10px 1.5%;
    }
    .intro-screen .counters li h6 {
        font-size: 15px;
    }
    .intro-screen .counters li h3 {
        font-size: 28px;
    }
    .intro-screen .intro-logo {
        max-width: 210px;
    }
    
    .intro-screen h2 {
        font-size: 22px;
    }
    .intro-screen .intro-coins {
        max-width: 230px;
    }
    .hintpopup h6 {
        font-size: 16px;
    }
    .hintpopup h1 {
        padding: 0 0;
    }
    .levelup-complete-screen .content-area h3 {
        margin: -8px 0 2px;
    }
    .levelup-complete-screen .content-area h1 {
        font-size: 19px;
        line-height: 23px;
    }
    .humburger {
        width: 50px;
        padding: 10px 0 0;
    }
    .sidebarmenu .open-hamburger-icon {
        margin: 20px 12px 10px;
    }

    .pinned-msg-box {
        width: 100%;
    }

    .pinned-msg-box form label a:hover {
        text-decoration: underline;
    }

    .cookies-modal {
        max-width: 100%;
    }
}

@media (max-width:380px) {
    .modal-dialog {
        max-width: 92%;
    }
    .samplequestion-content .mnew-modal-content h1 {
        padding: 0 0;
    }
    /* .iframeOuter {
        height: 247px;
    } */
}

@media (max-width: 320px){
    .special-offer-popup .inner-special-offer, .credit-toast{
        width: 3000px;
    }
    .credit-toast h6{
        font-size: 12px;
    }
}

@media (max-width: 300px){
    .special-offer-popup .inner-special-offer{
        width: 278px;
    }
    .credit-toast{
        width: 260px;
    }
}