.parentRel {
    position: relative;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    #birthDate + .pcalBtn {
        position: absolute;
        top: 2px;
        right: 370px;
    }

    #startWorkDatePersian + .pcalBtn {
        position: absolute;
        top: 2px;
        right: 370px;
    }

    #eduStartDate + .pcalBtn {
        position: absolute;
        top: 14px;
        right: 24px;
    }

    #eduEndDate + .pcalBtn {
        position: absolute;
        top: 14px;
        right: 24px;
    }

    #courseDate + .pcalBtn {
        position: absolute;
        top: 13px;
        right: 36px;
    }

    #jobStart + .pcalBtn {
        position: absolute;
        top: 13px;
        right: 24px;
    }

    #jobEnd + .pcalBtn {
        position: absolute;
        top: 13px;
        right: 23px;
    }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    #birthDate + .pcalBtn {
        position: absolute;
        top: 2px;
        right: 322px;
    }

    #startWorkDatePersian + .pcalBtn {
        position: absolute;
        top: 2px;
        right: 322px;
    }

    #eduStartDate + .pcalBtn {
        position: absolute;
        top: 14px;
        right: 24px;
    }

    #eduEndDate + .pcalBtn {
        position: absolute;
        top: 14px;
        right: 24px;
    }

    #courseDate + .pcalBtn {
        position: absolute;
        top: 13px;
        right: 36px;
    }

    #jobEnd + .pcalBtn {
        position: absolute;
        top: 13px;
        right: 24px;
    }

    #jobStart + .pcalBtn {
        position: absolute;
        top: 13px;
        right: 24px;
    }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    #birthDate + .pcalBtn {
        position: absolute;
        top: 2px;
        right: 610px;
    }

    #startWorkDatePersian + .pcalBtn {
        position: absolute;
        top: 2px;
        right: 610px;
    }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    #birthDate + .pcalBtn {
        position: absolute;
        top: 2px;
        right: 325px;
    }

    #startWorkDatePersian + .pcalBtn {
        position: absolute;
        top: 2px;
        right: 325px;
    }

    #eduStartDate + .pcalBtn {
        position: absolute;
        top: 14px;
        right: 56px;
    }

    #eduEndDate + .pcalBtn {
        position: absolute;
        top: 14px;
        right: 56px;
    }


    #courseDate + .pcalBtn {
        position: absolute;
        top: 13px;
        right: 108px;
    }

    #jobStart + .pcalBtn {
        position: absolute;
        top: 13px;
        right: 97px;
    }

    #jobEnd + .pcalBtn {
        position: absolute;
        top: 13px;
        right: 97px;
    }
}


@media only screen and (min-width: 1200px) {
    .parentRel {
        position: relative;
    }

    #birthDate + .pcalBtn {
        position: absolute;
        top: 2px;
        right: 398px;
    }

    #startWorkDatePersian + .pcalBtn {
        position: absolute;
        top: 2px;
        right: 398px;
    }

    #eduStartDate + .pcalBtn {
        position: absolute;
        top: 14px;
        right: 83px;
    }

    #eduEndDate + .pcalBtn {
        position: absolute;
        top: 14px;
        right: 83px;
    }


    #courseDate + .pcalBtn {
        position: absolute;
        top: 13px;
        right: 137px;
    }

    #jobStart + .pcalBtn {
        position: absolute;
        top: 13px;
        right: 125px;
    }

    #jobEnd + .pcalBtn {
        position: absolute;
        top: 13px;
        right: 125px;
    }
}