/**
* Adaptation css pour certains éléments pour le site en langue polonaise
*/

@media (min-width: 320px) and (max-width: 359px) {

    .mode-enfant .background:before {
        left: calc(100% - 52px);
    }
    
    .mode-enfant .background:after {
        left: 8px;
        font-size: 8px;
        top: 7px;
    }
    
    .bubble-home.bubble-left {
        left: 46px;
    }
}


@media (min-width: 360px) and (max-width: 411px) {
    
    .mode-enfant .background:before {
        left: calc(100% - 58px);
    }
    
    .mode-enfant .background:after {
        top: 7px;
        font-size: 9px;
        left: 8px;
    }
    
    .bubble-home.bubble-left {
        left: 38px;
    }
}

@media (min-width: 412px) and (max-width: 479px) {
    
    .mode-enfant .background:before {
        left: calc(100% - 66px);
    }
    
    .mode-enfant .background:after {
        font-size: 10px;
        top: 6px;
        left: 12px;
    }
    
    .bubble-home.bubble-left {
        left: 40px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    
    .mode-enfant .background:before {
        left: calc(100% - 70px);
    }
    
    .mode-enfant .background:after {
        font-size: 10px;
        top: 6px;
        left: 14px;
    }
    
    .bubble-home.bubble-left {
        left: 40px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    
    .mode-enfant .background:after {
        font-size: 10px;
        top: 6px;
        left: 16px;
    }
    
    .bubble-home.bubble-left {
        left: 90px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    .bubble-home.bubble-left {
        left: 150px;
    }
}

@media (min-width: 1200px) {

    .bubble-home.bubble-left {
        left: 240px;
    }
}


/* Bouton rejouer */
@media (min-width: 320px) and (max-width: 991px) {
    
    div.play-again-container .btn-play a {
        font-size: 22px;
    }
}

@media (min-width: 992px) {

    div.play-again-container .btn-play a {
        font-size: 24px;
    }
}


/* Spécificités ecran akinator a perdu */

@media (min-width: 320px) and (max-width: 479px) {
    
    .play-again-loose-container a, .play-again-loose-container span {
        font-size: 14px;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    
    .play-again-loose-container a, .play-again-loose-container span {
        font-size: 18px;
    }
}