@media (max-width: 413.98px) {
    #webcallback-popin > .logo.sfr {
        width: 30px;
        height: 30px;
    }

    #webcallback-popin > .logo.redbysfr {
        width: 50px;
        height: 30px;
    }

    #webcallback-popin > .logo.sfrbusiness {
        width: 80px;
        height: 30px;
    }

    #webcallback-popin > .logo.sfrxredbysfrf {
        width: 80px;
        height: 30px;
    }

    #webcallback-popin > .logo.numericablesfr {
        width: 80px;
        height: 30px;
    }

    #webcallback-popin > .logo.top-left {
        top: 4px;
        left: 4px;
    }

    #webcallback-popin > .logo.top-right {
        top: 4px;
        right: 4px;
    }

    #webcallback-popin > .logo.bottom-left {
        bottom: 4px;
        left: 4px;
    }

    #webcallback-popin > .logo.bottom-right {
        bottom: 4px;
        right: 4px;
    }

    #webcallback-popin > .logo.no-footer.bottom-left,
    #webcallback-popin > .logo.no-footer.bottom-right {
        bottom: 4px;
    }

    #webcallback-popin > .popin-block.header > .popin-container {
        padding: 10px 40px;
    }

    #webcallback-popin > .popin-block.footer > .popin-container {
        padding: 0px 40px;
    }

    #webcallback-popin > .popin-block.header .popin-title {
        font-size: 16px;
    }

    #webcallback-popin > .popin-block.header .popin-subtitle {
        font-size: 12px;
    }

    #webcallback-popin > .popin-block.main .form-block > span:not(.call-error) {
        font-size: 10px;
    }

    #webcallback-popin .btn {
        width: 136px;
        height: 32px;
        font-size: 12px;
    }

    #auth-div > .telInputs.telInputAdvanced > .btn {
        width: 124px;
    }

    #webcallback-popin > .popin-block.main > .popin-container {
        font-size: 10px;
        padding: 18px 0px;
    }

    #webcallback-popin .radio-container,
    #webcallback-popin .checkbox-container {
        font-size: 10px;
        padding-left: 17px;
        height: 20px;
        line-height: 18px;
    }

    #webcallback-popin .checkmark {
        width: 15px;
        height: 15px;
    }

    #auth-div > .telInputs > input[type=text], #auth-div > .telInputs > input[type=tel] {
        height: 29px;
        font-size: 12px;
    }

    #auth-div > .telInputs > input[type=tel] {
        width: 104px;
        margin-right: 4px;
    }

    #webcallback-popin > div.popin-block.main .checkbox-container {
        padding-right: 0;
    }

    #webcallback-popin div.schedulingForm > span {
        font-size: 10px;
    }

    #webcallback-popin .select-container.date,
    #webcallback-popin .select-container.hour {
        display: block;
        margin: 8px auto;
    }

    #webcallback-popin .select-container {
        width: 134px;
        height: 32px;
    }

    #auth-div > .countriesList > .select-container {
        width: 148px;
    }

    #webcallback-popin .select-items div, #webcallback-popin .select-selected {
        font-size: 12px;
    }

    #auth-div > .appelWording, #msg-div > .appelWording {
        font-size: 12px;
    }

    #auth-div > .cgu {
        font-size: 8px;
    }

    #confirm-call-div > .buttonsList, #confirm-rdv-div > .buttonsList, #call-div > .call_status > .buttonsList {
	    margin-top: 8px;
    }

    #auth-div > .countriesList {
        margin-top: 8px;
    }

    #auth-div > .telInputs {
        margin-top: 8px;
    }

    #webcallback-popin > .popin-block.footer .footer-link-arrow {
        width: 12px;
        height: 12px;
        background-size: 6px;
    }

    #webcallback-popin > .popin-block.footer .footer-title {
        font-size: 16px;
    }

    #webcallback-popin > .popin-block.footer .footer-link {
        font-size: 12px;
    }

    #webcallback-popin > .popin-block.footer .footer-subtitle {
        font-size: 8px;
    }
}

@media (max-width: 319.98px) {
    #webcallback-popin .select-container {
        display: block;
        margin: 0 auto;
        margin-top: 3px;
    }

    #auth-div > .telInputs.telInputAdvanced > .btn {
        display: block;
        margin: 0 auto;
        margin-top: 6px;
    }
}