/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    /* Device container for iPhone and video */
    .device-container {
        position: relative;
        width: 300px; /* iPhone image width */
        height: 600px; /* iPhone image height */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #Welcome {
        display: none;
    }

    .video-container {
        height: 100vh;
    }

    .text-overlay {
        width: 80%;
    }
    .NeedHelp {
        padding: 1rem;
    }
    /*Mobile Layout size*/
    .img-mob-size {
        width: 350px;
    }

    .img-fluid {
        max-width: 80%;
        height: auto;
    }
    .textbg {
        width: 280px;
        min-height: 180px;
        border-radius: 18px;
        margin-left: 1rem;
    }
    #header-wrap .Custom-logo {
        height: 30px;
        margin: 2rem;
        padding: 0;
    }
    .custom-move {
        right: 0px;
        bottom:100px;
        padding:2rem;
    }

    .PrivacyHead {
        font-size: 52px;
        text-align: center;
        line-height: inherit;
    }

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    /* Device container for iPhone and video */
    .device-container {
        position: relative;
        width: 300px; /* iPhone image width */
        height: 600px; /* iPhone image height */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #Welcome {
        display: none;
    }

    .video-container {
        height: 100vh;
    }

    .text-overlay {
        width: 80%;
    }
    .NeedHelp {
        padding: 1rem;
    }

    .img-fluid {
        max-width: 80%;
        height: auto;
    }
    .textbg {
        width: 280px;
        min-height: 180px;
        border-radius: 18px;
        margin-left: 1rem;
    }

    .Custom-logo {
        height: 30px;
        margin: 2rem;
        padding: 0;
    }

    .custom-move {
        right: 0px;
        bottom: 100px;
        padding: 2rem;
    }
    .PrivacyHead {
        font-size: 52px;
        text-align: center;
        line-height: inherit;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    /* Device container for iPhone and video */
    .device-container {
        position: relative;
        width: 300px; /* iPhone image width */
        height: 600px; /* iPhone image height */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #Welcome {
        display: block;
    }
    .video-container {
        height: 50vh;
    }

    .text-overlay {
        width:auto;
    }
    .NeedHelp {
        padding: 5rem;
    }
    .img-fluid {
        max-width: 80%;
        height: auto;
    }
    .textbg {
        width: 280px;
        min-height: 180px;
        border-radius: 18px;
        margin-left: 1rem;
    }
    .PrivacyHead {
        font-size: 52px;
        text-align: center;
        line-height: inherit;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    /* Device container for iPhone and video */
    .device-container {
        position: relative;
        width: 400px; /* iPhone image width */
        height: 800px; /* iPhone image height */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #Welcome {
        display: block;
    }
    .video-container {
        height: 50vh;
    }

    .text-overlay {
        width: auto;
    }
    .NeedHelp {
        padding: 5rem;
    }
    .PrivacyHead {
        font-size: 52px;
        text-align: center;
        line-height: inherit;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    /* Device container for iPhone and video */
    .device-container {
        position: relative;
        width: 400px; /* iPhone image width */
        height: 800px; /* iPhone image height */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #Welcome {
        display: block;
    }
    .video-container {
        height: 50vh;
    }

    .text-overlay {
        width: auto;
    }
    .NeedHelp {       
        padding: 5rem;
    }
    .Custom-logo {       
        margin: 0;
        padding: 1.2rem 1.2rem 1.2rem 0;
        height:80px;
    }
    .custom-move {
        right: 100px;
        bottom: 0px;
        padding: 0rem;
    }
    .PrivacyHead {
        font-size: 52px;
        text-align: left;
        line-height: inherit;
    }
}