﻿@media only screen and (min-width: 768px) and (max-width: 991px) {
    .emailTxt {
        width: 160px !important;
    }

    .margin-left-165 {
        margin-left: 140px !important;
    }
    .place-content1 {
        height: 320px !important;
    }
}

@media only screen and (min-width: 576px) and (max-width:767px) {
    .emailTxt {
        width: 130px !important;
    }

    .margin-left-165 {
        margin-left: 85px !important;
    }
    .alignToSSN {
        margin-left: -5px !important;
    }
}

@media only screen and (min-width: 500px) and (max-width:575px) {
    .emailTxt {
        width: 130px !important;
    }

    .margin-left-165 {
        margin-left: 75px !important;
    }
    .alignToSSN {
        margin-left: -5px !important;
    }
}

@media only screen and (min-width: 385px) and (max-width:499px) {
    .emailTxt {
        width: 100px !important;
    }

    .margin-left-165 {
        margin-left: 35px !important;
    }

    .setStyle {
        width: 125px !important;
        font-size: x-small !important;
    }

    .alignToSSN {
        margin-left: -5px !important;
    }
}

/* To fix rendering issues in smallest devices having less screen width like iPhone SE */
@media only screen and (max-width:384px) {
    .emailTxt {
        width: 75px !important;
    }

    .margin-left-165 {
        margin-left: 20px !important;
    }

    .setStyle {
        width: 120px !important;
        font-size: x-small !important;
    }

    .alignToSSN {
        margin-left: -5px !important;
    }
}
