/*  Small devices (landscape phones, 576px and up) */
@media (max-width: 350px) {
    .otp-button {
        margin-top: 20px;
        font-size: 16px;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .system-down-img {
        width: 100%;
    }
}
@media only screen and (max-width: 322px) and (min-width: 319px) {
    ul li {
        padding: 0px 0;
    }
    .notify-message {
        position: absolute;
        top: calc(29% - 128px);
        width: calc(96% - 2px);
        margin: 6px;
        font-size: -7%;
        background: #ffffff;
    }
}

@media only screen and (max-width: 250px) and (min-width: 230px) {
    /* #policy_id{
        width: 193%;
    } */
    .policyNumberError {
        display: block;
        font-size: 9px;
        margin: 0px 10px 0px 0px;
        color: #d51c22;
    }
    .key-points {
        font-size: 7px;
        color: #515860;
        font-weight: 500;
        /* padding: inherit; */
    }
    .key-points-mobile {
        height: 40vh;
        overflow: scroll;
        margin-bottom: 0;
    }
    .start-video-button {
        padding: 1px;
        font-size: smaller;
    }
    
    .start-video-button img {
        height: 15px;
        width: 15px;
    }
    .bg-insurance {
        width: 0px;
        height: 0px;
        /* background: url(css_sprites.png) -0px -0px */
        position: absolute;
        left: 0%;
        top: 0%;
        /* zoom: 0.08; */
        /* transform: scale(0.08); */
        transform: scale(0.1);
        transform-origin: 0 0;
    }
    .circle {
        width: 0px;
        height: 0px;
        /* border-radius: 50%; */
        /* background-color: #eeeeee; */
        position: relative;
        display: inline-block;
        left: -17px;
    }
}
@media (max-width: 576px) {
    /* .application-heading {
        font-size: 50px;
    }  */
    .system-down-img {
        width: 100%;
    }

    .otp-button {
        margin-top: 20px;
        width: 100%;
    }

    .col-xs-align-center {
        text-align: center;
    }

    .notify-message {
        position: absolute;
        /* height: 300px; */
        top: calc(31% - 150px);
        width: calc(100% - 30px);
        margin: 15px;
        background: #ffffff;
    }

    .browser-error-section {
        top: 40%;
        left: 25% !important;
    }
}

@media (max-width: 767px) {
    .cdk-overlay-pane {
        margin-top: 15% !important;
    }
    /* added by rakshita */
    .loading-container1 div {
        right: 0 !important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .application-heading {
        font-size: 40px;
    }

    .application-description {
        font-size: 17px;
        padding: 0 20px 30px;
    }

    .main-section {
        /* background: #eaf7fd; */
        /* margin: 100px 0px;
        margin-bottom: 15px; */
        margin: 15px 0 15px;
    }

    .col-md-align-right {
        text-align: right;
    }

    .circle {
        width: 110px;
        height: 110px;
    }

    .circle .bg-insurance {
        left: 25%;
        top: 25%;
        /* zoom: 0.1; */
    }

    .bg-play_button {
        zoom: 0.05;
        margin-bottom: -130px;
    }

    .policy-number-text,
    .phone-number-text {
        font-size: 14px;
    }

    .policy-number,
    .phone-number {
        font-size: 24px;
    }

    .main-section .main-container {
        padding: 24px;
    }

    .video-section {
        /* margin: 50px 0; */
        /* background: #fafafa; */
        /* top: 80px; */
        /* padding: 15px 0; */
        height: 100%;
    }

    .identity-verification-heading {
        /* padding: 8px 25px;
        margin: 0px -15px; */

        margin: 0px 15px;
        border-bottom: 0;
        padding: 8px 0;
    }

    .fixed-header {
        z-index: 9999;
    }

    footer {
        z-index: 9999;
    }

    .success-result-row,
    .failure-result-row {
        display: block;
        margin-top: -80px;
        /* background: white;
        border-radius: 8px;
        padding: 25px; */
        /* margin-top: 100px; */
    }

    .result-section {
        /* padding-bottom: 0px; */
        /* padding-bottom: 20px;
        width: 80%;
        padding-left: 20px; */
        /* display: inline-block !important; */
        padding-left: 20px;
        padding-top: 20px;
        min-width: 75% !important;
    }

    .result-section .container {
        background: white;
        border-radius: 8px;
        padding: 20px;
        margin-top: 50px;
        /* adding */
        /* margin-left: 15px; */
    }

    .video-container .row {
        position: relative;
    }

    .loading-container div {
        text-align: center;
        width: 100%;
        margin-top: -50px;
    }

    .loading-container {
        border-radius: 0px 0px 8px 8px;
        background: #ffffff !important;
        /* background: radial-gradient(circle, rgb(255, 255, 255) 80%, rgba(252, 252, 252, 0.88) 100%); */
    }
    /* .success-result-row div,
    .failure-result-row div{
        padding-top: 25px;
    }

    .success-result-row div,
    .failure-result-row div{
        position: absolute;
        top: -100px;
        left: 45%;
    } */

    .retry-button {
        width: 33% !important;
    }

    .start-video-button {
        /* color: #d51c22 !important;  */
        font-weight: 600;
    }

    .camera-overlay {
        top: 0;
    }

    .session-message {
        top: calc(50% - 107px);
        width: 280px;
        left: calc(50% - 140px);
    }
    /* added by rakshita */
    .loading-container1 div {
        right: 15% !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /* added by rakshita */
    .loading-container1 div {
        right: 22% !important;
    }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 1025px) {
    /* added by rakshita */
    .loading-container1 div {
        right: 25% !important;
    }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 1200px) {
    /* added by rakshita */
    .loading-container1 div {
        right: 30% !important;
    }
}

/* html {
    font-size: 1rem;
  }

  @include media-breakpoint-up(sm) {
    html {
      font-size: 1.2rem;
    }
  }

  @include media-breakpoint-up(md) {
    html {
      font-size: 1.4rem;
    }
  }

  @include media-breakpoint-up(lg) {
    html {
      font-size: 1.6rem;
    }
  } */