@media only screen and (min-width: 320px) {
    .vivya-main-logo {
        width: 100%;
        padding: 10px 0px;
        text-align: center;
        flex-direction: column;
        display: block;
    }

    .vivya-main-page-containt-details {
        width: 100%;
    }

    .social-media-footer {
        width: 100%;
    }

    .customer-login-btn {
        display: flex;
        flex-direction: column;
    }

    .customer-login-btn {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .login-btn {
        margin-right: 0px;
        justify-content: center;
    }

    .register-btn {
        justify-content: center;
    }

    .register-btn {
        margin-top: 24px;
    }

    .main-login__btn-box {
        padding: 14px 60px;
    }

    .social-icon {
        margin: 0px 16px 0px 0px;
        width: 36px;
        height: 37px;
    }

    .social-media-ink {
        justify-content: center;
    }

    .header-first-line {
        padding-left: 0px;
    }

    .header-first-line h1 {
        font-size: 30px;
        text-align: center;
    }

    .header-second-line h1 {
        font-size: 50px;
        text-align: center;
    }

    .header-third-line h1 {
        font-size: 30px;
        padding-left: 0px;
        text-align: center;
    }

    .coming_soon_heading h1 {
        font-size: 40px;
        text-align: center;
        margin-bottom: 20px;
    }

    .coming_soon_sub_heading h1 {
        font-size: 21px;
        padding-left: 0px;
        line-height: 40px;
        text-align: center;
    }

    .vivya-landing-page-pharagraph {
        text-align: center;
        margin-bottom: 20px;
    }

    .social-media-ink a .fab {
        font-size: 16px;
    }

    .vivya-main-banner {
        background-position: left;
    }

    .logo-and-language {
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 50px;
    }

    .vivya-main-banner-two {
        background-position: left;
    }

    .login-form {
        width: 100%;
    }

    .main-login__btn-box {
        min-width: 250px;
    }

    .vivya-foget-keep-password {
        display: flex;
        justify-content: space-between;
    }

    .vivya-customer-fogot-pw p {
        font-size: 12px;
    }

    .customer-keep-login {
        font-size: 12px;
        padding-left: 8px;
    }

    .language-select-btn {
        font-size: 14px;
    }

    .vivya-main-page-register-details {
        width: 100%;
    }

    .footer-left-img,
    .footer-right-img {
        display: none;
    }

    .container {
        max-width: calc(100% - 0px);
    }

    .urgent-cause__title {
        font-size: 30px;
        font-weight: 600;
        font-family: var(--vivya-font);
        padding-bottom: 20px;
    }

    .urgent-cause__area p {
        font-size: 14px;
        line-height: 30px;
    }

    .urgent-cause {
        margin: 50px 0 0;
    }

    .urgent-cause__title.urgent-cause__title-detail {
        font-size: 30px;
    }

    .end_sec {
        padding-top: 24px;
        width: 100%;
    }

    .footer-logo {
        padding: 40px 0px;
    }

    .site-footer__bottom-inner p {
        font-size: 12px;
    }

    .main-login__btn-box.profile__btn-box {
        padding: 14px 40px;
    }

    /* navbar */
    header nav {
        display: none;
    }

    #hamburger-icon {
        display: block;
    }


    .vivya-nav-second {
        border-top: none;
    }

    /* navbar */

    .vivya-edit-customer-details {
        padding: 40px 20px;
    }

    .customer-detail-edit-form {
        width: 100%;
    }

    .edit-details-header {
        text-align: center;
        font-size: 36px;
    }

    .vivya-landing-page-pharagraph.coustomer-edit-page-pharagraph {
        width: 100%;
    }

    .vivya-edit-customer-details li {
        padding: 0px;
    }

    .login-input.password-login-input {
        width: 100%;
    }

    .error-animation>span.four {
        width: 103px;
        height: 36px;
        bottom: -62px;
    }

    .error-animation>span.four:before {
        width: 36px;
        height: 128px;
        left: 45px;
        bottom: -30px;
    }

    .error-animation>span.four:after {
        width: 112px;
        height: 36px;
        transform: rotate(304deg);
        left: -16px;
        bottom: 32px;
    }

    .error-animation>span.zero {
        width: 126px;
        height: 110px;
        bottom: 0px;
        margin: 0px;
    }

    .error-animation>span.zero:before {
        transform: rotate(45deg);
        width: 90px;
        height: 90px;
        left: 0px;
        bottom: 0px;
    }

    .error-animation>span.zero:after {
        width: 55px;
        height: 55px;
        left: 30px;
        bottom: 28px;
    }

    .error-containt h1 {
        font-size: 22px;
        line-height: 34px;
        margin-top: 60px;
    }

    .vivya-right-selector {
        display: flex;
        width: 100%;
        margin: auto 0px 20px;
        flex-direction: column;
    }

    .dashboard-btn {
        margin-right: 0px;
    }

    .vivya-user-nav-summary {
        display: flex;
        align-items: center;
        margin-right: 0px;
        justify-content: center;
        margin-bottom: 10px;
    }

    .vivya-profile-details {
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .myselection {
        margin-right: 0px;
    }

    .vivya-language-selector.profile-vivya-language-selector {
        display: flex;
        justify-content: center;
        padding-bottom: 18px;
    }

    .vivya-edit-customer-details a {
        margin-right: 25px;
    }

    .edit-details-header.dashboard-header {
        text-align: center;
        font-size: 28px;
        margin-bottom: 10px;
    }

    .vivya-landing-page-pharagraph.coustomer-dashboard-pharagraph p,
    .vivya-landing-page-pharagraph.sales-rep-dashboard-pharagraph p {
        width: 100%;
    }

    .skin-analysis-tabs {
        padding: 14px 20px;
        font-size: 14px;
        margin-bottom: 24px;
        flex-direction: column;
    }

    .skin-analysis-btn a {
        font-size: 14px;
    }

    .edit-details-header.product-header {
        text-align: left;
        font-size: 30px;
    }

    .skin-analysis-category p {
        font-size: 13px;
    }

    .skin-analysis-detail-tabs {
        padding: 14px 20px;
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-right: 0px;
    }

    .skin-analysis-category-value {
        margin-left: 0px;
    }

    .skin-analysis-category {
        width: 100%;
        justify-content: space-between;
    }

    .card.vivya-product-card {
        margin: 0 0px 40px 0;
    }

    .vivya-main-site a {
        margin-right: 0px;
    }

    .middle-line,
    .vivya-second {
        display: none;
    }

    .vivya-right-selector.dashboard-vivya-right-selector {
        flex-direction: column-reverse;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .vivya-notification.vivya-notification-dashboard-page {
        display: flex;
        justify-content: center;
    }

    .display-picture {
        margin-left: 0px;
    }

    .customer-image.customer-dashboard-image {
        margin: 18px auto;
    }

    .card ul {
        position: relative;
        top: -1rem;
        width: 100%;
        right: 0rem;
    }

    .card-user ul a {
        text-decoration: none;
    }

    .customer-image {
        padding: 5px 0px;
    }

    .user-details.user-logout {
        width: 80%;
        margin: auto;
    }

    .header-card-user ul {
        position: relative;
        top: 0rem;
        width: 100%;
        right: 0rem;
    }

    .vivya-language-selector.profile-vivya-language-selector.login-vivya-language-selector {
        justify-content: center;
        padding-top: 30px;
    }

    header {
        position: fixed;
        width: 100%;
    }

    .vivya-edit-customer-details.mobile-padding {
        padding: 160px 20px 40px;
    }

    .user-details {
        padding-bottom: 30px;
    }

    .form-check .form-check-input {
        margin-left: 0em;
    }

    .vivya-iframe {
        margin-top: 50px;
    }

    .container-inner-wrapper.container-login-inner-wrapper,
    .container-inner-wrapper.container-register-inner-wrapper {
        padding: 40px 0px;
    }

    .vivya-register-data-fields.vivya-change-email,
    .vivya-register-data-fields.vivya-change-mobile-fields {
        width: 100%;
    }

    .customer-login-btn.setting-change-btn {
        justify-content: flex-start;
    }

    .login-btn.setting-change-btn {
        justify-content: flex-start;
    }

    .user-details.profile-user-details {
        padding-bottom: 16px;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-content: center;
        flex-wrap: wrap;
    }

    .complete-analysis a {
        font-size: 14px;
        margin-right: 0px !important;
        padding: 16px 20px;
    }

    .urgent-cause-last {
        margin: 0px 0 130px;
    }

    .main-login__btn-box.thm-btn.btn_loading {
        padding: 12px 66px;
    }

    .login-form-details.setting-form-details {
        margin-bottom: 40px;
    }

    .already-have-account {
        text-align: center;
        margin-bottom: 20px;
    }

    .error-container {
        margin: 0px;
    }

    .dashboard-skin-analysis {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .main-login__btn-box.analyis-skin-now {
        padding: 14px 20px;
    }

    .dashboard-analysis {
        margin: 30px 0px;
    }

    .vivya-landing-page-pharagraph.coustomer-dashboard-pharagraph p {
        margin-bottom: 20px;
    }

    .date {
        margin-right: 16px;
    }

    .skin-analysis-detail-tabs.dashboard-analysis-history {
        margin-bottom: 20px;
    }

    .learn-more-btn {
        display: flex;
        justify-content: center;
        margin: 10px 0px 20px;
    }

    .learn-more-btn a {
        font-size: 14px;
        margin: auto;
        padding: 14px 0px;
    }

    .skin-analysis-target-row {
        display: flex;
        text-align: center;
        flex-direction: column;
    }

    .rep-target-tab {
        width: 100%;
    }

    .location-details {
        width: 100%;
    }

    .vivya-store-cheack a {
        margin-right: 0px;
    }

    .vivya-store-cheack p {
        font-size: 14px;
        margin: auto 12px 0px 0px;
    }

    .statrt-analysis a {
        font-size: 14px;
        padding: 14px 24px;
    }

    .vivya-store-location {
        text-align: center;
    }

    .vivya-locations {
        text-align: left;
    }

    .pagination {
        justify-content: center;
    }

    .vivya-edit-customer-details.mobile-padding.sales-rep-histort {
        padding: 180px 20px;
    }

    .vivya-iframe.sales-rep-iframe {
        margin-top: 0px;
    }

    .location-details {
        justify-content: flex-start;
    }

    .vivya-main-logo img {
        width: 130px;
    }

    .target-number-red p,
    .target-number-pink p,
    .target-number-green p {
        font-size: 60px;
    }

    .main-login__btn-box.view_product-btn {
        min-width: 218px;
    }

    .vivya-main-page-containt-details.vivya-landing-page-containt-details.profile-landing {
        padding: 100px 0px 0px;
    }

    .vivya-otp-section h1 {
        font-size: 30px;
        margin-bottom: 40px;
        text-align: center;
    }

    .userInput {
        justify-content: center;
    }

    .otp-box {
        margin-right: 5px;
        margin-left: 5px;
    }

    .vivya-resend-text p {
        text-align: center;
    }

    .logo-and-language.otp-logo-and-language {
        padding-bottom: 30px;
    }

    .rep-page-pagination {
        display: flex;
        align-content: space-between;
    }

    .dashboard-container-inner-wrapper {
        min-height: 90vh;
    }

    .profile-header.active .vivya-main-logo img {
        width: 100px;
    }

    .toggle-menu {
        top: 30px;
    }

    .profile-mobile-navigation-bar {
        display: flex;
    }

    .vivya-main-logo-large-size img {
        display: none;
    }

    .vivya-nav-first-profile.vivya-nav-first-profile-mobile-view {
        display: none;
    }

    .vivya-nav-first.vivya-nav-first-profile {
        margin-top: 0px;
    }

    .profile-header.active .vivya-main-logo.logo-profile-view-height img {
        height: 7vh;
        width: auto;
    }

    .customer-result-form {
        display: flex;
        flex-direction: column;
    }

    .privacy-policy label {
        margin-left: 6px;
    }

    .vivya-privacy .error.text-danger {
        margin-top: 76px;
    }

    .login-as-guest-btn {
        display: flex;
        justify-content: space-around;
    }

    .login-as-guest-btn button {
        width: 244px;
    }

    .login-as-guest-btn {
        width: 100%;
        margin-top: 12px;
    }
}

@media only screen and (min-width: 480px) {
    .header-first-line h1 {
        padding-left: 100px;
        text-align: left;
    }

    .header-second-line h1 {
        font-size: 70px;
    }

    .coming_soon_heading h1 {
        font-size: 60px;
        margin-bottom: 20px;
    }


    .coming_soon_sub_heading h1 {
        font-size: 28px;
        line-height: 56px;
    }

    .header-third-line h1 {
        font-size: 36px;
        padding: 0px 0px 0px 138px;
        text-align: left;
    }

    .main-login__btn-box {
        padding: 14px 50px;
    }

    .main-login-btn {
        display: flex;
        justify-content: center;

    }

    .login-btn {
        margin-right: 10px;
        justify-content: flex-start;
    }

    .main-login__btn-box {
        min-width: 200px;
    }

    .vivya-edit-customer-details {
        padding: 50px;
    }

    .vivya-edit-customer-details a {
        margin-right: 30px;
    }

    .skin-analysis-tabs {
        flex-direction: row;
    }

    .edit-details-header.product-header {
        text-align: left;
    }

    .user-details.user-logout {
        width: 60%;
    }

    .date {
        margin-right: 40px;
    }

    .learn-more-btn a {
        margin: 0px !important;
    }

    .location-details {
        width: 70%;
    }

    .vivya-locations {
        display: flex;
        justify-content: center;
    }

    .login-btn.otp-btn {
        justify-content: center;
    }

    .vivya-privacy .error.text-danger {
        margin-top: 60px;
    }

    .login-as-guest-btn {
        justify-content: center;
        margin-top: 30px;
    }

    .login-as-guest-btn button {
        width: 416px;
    }
}

@media only screen and (min-width: 575px) {

    .vivya-main-logo,
    .social-media-footer {
        width: 100%;
        text-align: left;
    }

    .header-second-line h1 {
        text-align: left;
    }

    .coming_soon_heading h1,
    .coming_soon_sub_heading h1 {
        text-align: left;
    }

    .vivya-landing-page-pharagraph {
        text-align: left;
    }

    .main-login__btn-box {
        padding: 12px 60px;
    }

    .social-media-ink {
        justify-content: flex-start;
    }

    .login-btn {
        margin-right: 10px;
        justify-content: flex-start;
    }

    .language-select-btn {
        font-size: 16px;
    }

    .customer-keep-login {
        font-size: 14px;
    }

    .vivya-customer-fogot-pw p {
        font-size: 14px;
    }

    .vivya-foget-keep-password {
        display: flex;
        justify-content: space-between;
    }

    .vivya-main-page-register-details {
        width: 100%;
    }

    .container {
        max-width: calc(100% - 50px);
    }

    .error-animation {
        flex-direction: row;
    }

    .error-animation>span.zero {
        margin: 0px 20px 12px;
    }

    .error-containt h1 {
        margin-top: 80px;
    }

    .error-animation>span.zero {
        width: 114px;

    }

    .logo-and-language {
        display: flex;
        flex-direction: row;
    }

    .logo-and-language {
        display: flex;
        padding-bottom: 70px;
    }

    .logo-and-language.dashboard-logo-and-language {
        flex-direction: column-reverse;
    }

    .logo-and-language.dashboard-logo-and-language.profile-logo-language {
        flex-direction: column;
    }

    .vivya-profile-details {
        margin: 0px 5px 10px;
    }

    .vivya-right-selector.dashboard-vivya-right-selector {
        flex-direction: row;
        justify-content: flex-start;
    }

    .vivya-language-selector p {
        margin: 0px;
    }

    .edit-details-header,
    .edit-details-header.dashboard-header {
        text-align: left;
        font-size: 36px;
    }

    .vivya-right-selector.dashboard-vivya-right-selector {
        justify-content: space-between;
    }

    .customer-image.customer-dashboard-image {
        width: 100%;
    }

    .user-details.user-logout {
        width: 43%;
    }

    .card.card-user {
        position: absolute;
        width: 37%;
    }

    .vivya-language-selector.profile-vivya-language-selector.login-vivya-language-selector {
        justify-content: flex-end;
    }

    .user-details.profile-user-details {
        padding-bottom: 0px;
        width: auto;
        margin: auto;
    }

    .vivya-language-selector.profile-vivya-language-selector {
        padding-bottom: 14px;
    }

    .vivya-language-selector.profile-vivya-language-selector.login-vivya-language-selector {
        padding-top: 0px;
    }

    .already-have-account {
        text-align: left;
        margin-bottom: 0px;
    }

    .header-first-line h1 {
        padding-left: 60px;
        font-size: 38px;
    }

    .header-third-line h1 {
        padding: 0px 0px 0px 90px;
    }

    .dashboard-skin-analysis {
        align-items: flex-start;
    }

    .learn-more-btn {
        justify-content: flex-start;
    }

    .learn-more-btn a {
        font-size: 14px;
        margin: 0px;
        padding: 14px 0px;
    }

    .skin-analysis-target-row {
        display: flex;
        text-align: left;
        flex-direction: row;
    }

    .rep-target-tab {
        width: 32%;
    }

    .location-details {
        width: 76%;
    }

    .vivya-store-cheack p {
        font-size: 15px;
        margin: auto 40px 0px 0px;
    }

    .vivya-store-location {
        text-align: left;
    }

    .pagination {
        justify-content: flex-end;
    }

    .vivya-locations {
        justify-content: flex-start;
    }

    .vivya-main-logo img {
        width: 150px;
    }

    .target-number-red p,
    .target-number-pink p,
    .target-number-green p {
        font-size: 70px;
    }

    .location-details {
        justify-content: center;
    }

    .vivya-otp-section h1 {
        font-size: 40px;
        margin-bottom: 50px;
        text-align: left;
    }

    .userInput {
        justify-content: flex-start;
    }

    .vivya-resend-text p {
        text-align: left;
    }

    .login-btn.otp-btn {
        justify-content: flex-start;
    }

    .vivya-nav-first.vivya-header-logo-center {
        justify-content: space-between;
    }

    .vivya-edit-customer-details.mobile-padding {
        padding: 160px 0px 40px;
    }

    .vivya-privacy .error.text-danger {
        margin-top: 50px;
    }

    .main-login-btn {
        justify-content: flex-start;
    }

    .section-break span {
        width: 416px;
    }

    .login-as-guest-btn button {
        width: auto;
        padding: 0px 0px;
    }

    .login-as-guest-btn {
        justify-content: center;
        width: 416px;
    }

    .section-break p {
        background-color: transparent;
    }
}

@media only screen and (min-width: 768px) {

    .vivya-main-logo img {
        width: 180px;
    }

    .logo-and-language {
        flex-direction: row;
    }

    .vivya-register-data-fields {
        width: 50%;
    }

    /* navbar */
    header nav {
        display: flex;
    }

    .vivya-nav-first nav {
        padding-left: 0px;
    }

    .bar-icon {
        display: none;
    }

    .vivya-nav-first {
        display: block;
    }

    .header__nav.nav-bar {
        display: none;
    }

    header {
        position: relative;
    }

    /* navbar */

    .vivya-edit-customer-details {
        padding: 70px 0px;
    }

    .vivya-edit-customer-details.mobile-padding {
        padding: 80px 0px;
    }

    .login-input.password-login-input {
        width: 49%;
    }

    .edit-details-header {
        text-align: left;
        font-size: 40px;
    }

    .container {
        max-width: calc(100% - 100px);
    }

    .error-animation>span.zero {
        width: 200px;
        bottom: 0px;
        height: 200px;
        margin: 0px 20px;
    }

    .error-animation>span.zero:before {
        transform: rotate(45deg);
        width: 99px;
        height: 90px;
        left: 0px;
        bottom: 0px;
    }

    .error-animation>span.zero:after {
        width: 100px;
        height: 100px;
        left: 50px;
        bottom: 50px;
    }

    .error-animation>span.four {
        width: 170px;
        height: 50px;
        bottom: -100px;
    }

    .error-animation>span.four:before {
        width: 50px;
        height: 200px;
        left: 67px;
        bottom: -52px;
    }

    .error-animation>span.four:after {
        width: 170px;
        height: 50px;
        transform: rotate(305deg);
        left: -27px;
        bottom: 49px;
    }

    .error-container {
        margin: 0px;
    }

    .vivya-profile-details {
        margin: 0px 20px 10px;
    }

    .card ul {
        padding: 10px 46px;
    }

    .skin-analysis-detail-tabs {
        padding: 14px 30px;
        width: auto;
        margin-bottom: 30px;
        margin-right: 35px;
    }

    .skin-analysis-category {
        width: auto;
    }

    .skin-analysis-category p {
        font-size: 14px;
    }

    .skin-analysis-category-value {
        margin-left: 80px;
    }

    .skin-analysis-category-value {
        margin-left: 80px;
    }

    .card.vivya-product-card {
        margin: 0 10px 40px 0;
    }

    .middle-line,
    .vivya-second {
        display: block;
    }

    .middle-line {
        margin: 0px;
    }

    .vivya-right-selector.dashboard-vivya-right-selector {
        justify-content: flex-start;
    }

    .user-details {
        margin: auto 40px;
    }

    /* sales rep */
    .vivya-main-logo.vivya-sals-rep-logo {
        text-align: center;
    }

    .urgent-cause__register-title.sales-urgent-cause__register-title {
        text-align: center;
        font-size: 36px;
        font-family: var(--vivya-font);
    }

    .vivya-main-page-containt-details.vivya-sales-main-page {
        width: 60%;
        margin: auto;
    }

    .login-btn.sales-rep-login-btn {
        margin-right: 0px;
        width: 100%;
    }

    .main-login__btn-box.sales-rep-main-login__btn-box {
        min-width: 100%;
        font-size: 20px;
        padding: 16px 50px;
    }

    .vivya-nav-first.sales-rep-nav-first,
    .sales-rep-user-profile {
        display: flex;
    }

    .dashboard-container-inner-wrapper.rep-container-inner-wrapper {
        min-height: 72vh;
    }

    .skin-analysis-tabs.rep-skin-analysis-tabs {
        padding: 14px 16px;
        font-size: 13px;
    }

    .rep-skin-analysis-tabs a {
        margin-right: 0px;
    }

    .skin-analysis-date.rep-skin-analysis-date p {
        font-weight: 100;
    }

    .vivya-landing-page-pharagraph.coustomer-dashboard-pharagraph p {
        margin-bottom: 40px;
    }

    .vivya-store-cheack a {
        margin-right: 0px;
    }

    .vivya-language-selector.profile-vivya-language-selector {
        padding-bottom: 0px;
    }

    .customer-image.customer-profile-image {
        display: block;
    }

    .user-details {
        padding-bottom: 0px;
    }

    .vivya-iframe {
        margin-top: 0px;
    }

    .vivya-register-data-fields.vivya-change-email,
    .vivya-register-data-fields.vivya-change-mobile-fields {
        width: 80%;
    }

    .user-details {
        padding-bottom: 0px;
    }

    .vivya-language-selector.profile-vivya-language-selector {
        padding-bottom: 0px;
    }

    .user-details.profile-user-details {
        margin: 0px 20px;
    }

    .logo-and-language {
        padding-bottom: 60px;
    }

    .urgent-cause-last {
        margin: 60px 0 130px;
    }

    .error-animation {
        margin-top: 0px;
    }

    .error-containt h1 {
        font-size: 30px;
        line-height: 50px;
    }

    .dashboard-analysis {
        margin: 30px 0px 40px;
    }

    .location-details {
        width: 46%;
    }

    .vivya-store-cheack p {
        margin: auto 5px 0px 0px;
    }

    .vivya-edit-customer-details.mobile-padding.sales-rep-histort {
        padding: 70px 20px;
    }

    .target-number-red p,
    .target-number-pink p,
    .target-number-green p {
        font-size: 64px;
    }

    .location-details {
        margin-right: 20px;
    }

    .vivya-main-page-containt-details.vivya-landing-page-containt-details.profile-landing {
        padding: 210px 0px 80px;
    }

    .dashboard-container-inner-wrapper.rep-container-inner-wrapper {
        min-height: 75vh;
    }

    .profile-mobile-navigation-bar {
        display: none;
    }

    .vivya-main-logo-large-size img {
        display: flex;
    }

    .vivya-nav-first-profile.vivya-nav-first-profile-mobile-view {
        display: flex;
    }

    .scrolling-compress-header {
        height: 16vh;
    }

    .vivya-iframe.profile-vivya-iframe iframe {
        height: 82vh;
    }
}

@media only screen and (min-width: 992px) {

    .social-media-footer,
    .vivya-main-page-containt-details {
        width: 70%;
    }

    .vivya-main-logo {
        width: 45%;
    }

    .vivya-main-banner {
        background-position: center;
    }

    .vivya-main-logo img {
        width: 150px;
    }

    .vivya-main-page-register-details {
        width: 70%;
    }

    .urgent-cause__title {
        font-size: 50px;
        padding-bottom: 30px;
    }

    .urgent-cause__area p {
        font-size: 16px;
        line-height: 32px;
    }

    .urgent-cause__title.urgent-cause__title-detail {
        font-size: 50px;
    }

    .end_sec {
        padding-top: 30px;
        font-size: 13px;
        width: 60%;
    }

    .site-footer__bottom-inner p {
        font-size: 16px;
    }

    .footer-left-img,
    .footer-right-img {
        display: block;
    }

    .footer-left-img {
        padding-top: 30px;
    }

    .footer-left-img img {
        width: 260px;
    }

    .footer-right-img {
        padding-top: 44px;
    }

    .vivya-nav-first {
        display: flex;
    }

    .customer-detail-edit-form {
        width: 80%;
    }

    .container {
        max-width: calc(100% - 130px);
    }

    .logo-and-language.dashboard-logo-and-language {
        display: flex;
        flex-direction: row;
    }

    .vivya-right-selector {
        margin: auto 0px;
    }

    .vivya-profile-details {
        margin: 0px 16px 10px;
    }

    .first-nav-bar li {
        margin-right: 0px;
        margin-left: 20px;
    }

    .card ul {
        padding: 10px 56px;
    }

    .vivya-right-selector.dashboard-vivya-right-selector {
        justify-content: flex-end;
    }

    .card.card-user {
        position: relative;
        width: auto;
    }

    .user-details.user-logout {
        width: auto;
        margin: 0px 30px;
    }

    .customer-image.customer-dashboard-image {
        padding: 5px 20px 5px 6px;
    }

    .vivya-edit-customer-details.mobile-padding {
        padding: 120px 0px;
    }

    .logo-and-language.dashboard-logo-and-language.profile-logo-language {
        flex-direction: initial;
    }

    .card.vivya-product-card {
        margin: 0 40px 40px 0;
    }

    .user-details.profile-user-details {
        margin: 0px 30px;
    }

    .login-form-details.setting-form-details {
        margin-bottom: 70px;
    }

    .header-second-line h1 {
        font-size: 88px;
        margin-bottom: -5px;
    }

    .coming_soon_heading h1 {
        font-size: 88px;
    }

    .header-first-line h1 {
        padding-left: 60px;
        text-align: left;
        margin-bottom: -11px;
        font-size: 38px;
    }

    .header-third-line h1 {
        font-size: 40px;
        padding: 0px 0px 0px 110px;
    }

    .dashboard-skin-analysis {
        flex-direction: initial;
    }

    .dashboard-analysis {
        margin: 0px;
    }

    .dashboard-skin-analysis {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;
    }

    .edit-details-header.dashboard-header {
        margin-bottom: 0px;
    }

    .vivya-main-logo.vivya-sals-rep-logo {
        text-align: left;
    }

    .vivya-main-page-containt-details.vivya-sales-main-page {
        width: 60%;
        margin: 0px;
    }

    .urgent-cause__register-title.sales-urgent-cause__register-title {
        text-align: left;
    }

    .sales-rep-footer {
        justify-content: flex-start;
    }

    .location-details {
        margin-right: 30px;
        padding: 20px 20px 0px;
    }

    .vivya-locations {
        justify-content: flex-start;
        margin: auto;
    }

    .complete-analysis a {
        font-size: 16px;
        padding: 16px 30px;
    }

    .scrolling-compress-header {
        height: 10vh;
    }

    .vivya-iframe.profile-vivya-iframe iframe {
        height: 89vh;
    }

    .customer-result-form {
        flex-direction: row;
    }

    .already-have-account {
        margin-bottom: 30px;
    }

    .vivya-main-logo img {
        width: 140px;
    }

    .logo-and-language {
        padding-bottom: 40px;
    }

    .urgent-cause__register-title {
        font-size: 36px;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 1024px) {

    .dashboard-container-inner-wrapper.rep-container-inner-wrapper {
        min-height: 80vh;
    }

    .vivya-main-page-containt-details {
        padding-bottom: 250px;
        padding-top: 120px;
    }

    .vivya-nav-first.vivya-nav-first-profile {
        margin-top: 70px;
    }

    .vivya-main-page-containt-details.vivya-otp-section {
        padding-bottom: 350px;
        padding-top: 160px;
    }
}

@media only screen and (min-width: 1199px) {

    .social-media-footer {
        width: 80%;
        margin: auto 0px 26px;
    }

    .vivya-main-logo {
        margin: auto 0px;
    }

    .vivya-main-page-containt-details {
        width: 64%;
    }

    .social-media-ink a .fab {
        font-size: 18px;
    }

    .social-icon {
        margin: 0px 20px 0px 0px;
        width: 40px;
        height: 39px;
    }

    .vivya-foget-keep-password {
        width: 100%;
    }

    .main-login__btn-box {
        min-width: 220px;
    }

    .vivya-main-page-register-details {
        width: 90%;
    }

    .footer-right-img {
        padding-top: 20px;
        right: 20px;
        width: 22%;
    }

    .customer-detail-edit-form {
        width: 60%;
    }

    .container {
        max-width: calc(100% - 300px);
    }

    .vivya-profile-details {
        margin: 0px 30px 0px;
    }

    .user-details.user-logout {
        width: auto;
    }

    .card.card-user {
        width: auto;
    }

    .card ul {
        padding: 10px 80px;
    }

    .vivya-edit-customer-details {
        padding: 120px 0px;
    }

    .container-inner-wrapper.container-login-inner-wrapper,
    .container-inner-wrapper.container-register-inner-wrapper {
        padding: 0px;
    }

    .error-containt h1 {
        font-size: 34px;
        line-height: 60px;
    }

    .vivya-main-page-containt-details.vivya-sales-main-page {
        width: 45%;
    }

    .rep-target-tab {
        width: 20%;
    }

    .vivya-edit-customer-details.mobile-padding {
        padding: 150px 0px;
    }

    .vivya-main-page-containt-details {
        padding-bottom: 66px;
        padding-top: 0px;
    }

    .location-details {
        width: auto;
    }

    .vivya-nav-first.vivya-nav-first-profile {
        margin-top: 30px;
    }

    .vivya-main-page-containt-details.vivya-otp-section {
        padding-bottom: 250px;
        padding-top: 120px;
    }

    .login-btn {
        margin-right: 12px;
    }

    .login-as-guest-btn button {
        width: 454px;
    }

    .section-break span {
        width: 454px;
    }

    .login-as-guest-btn {
        width: 454px;
    }


}

@media only screen and (min-width: 1366px) {
    .vivya-main-page-containt-details {
        padding-bottom: 40px;
    }

    .vivya-landing-page-main-header {
        margin-bottom: 40px;
    }

    .header-second-line h1 {
        font-size: 84px;
    }

    .coming_soon_heading h1 {
        font-size: 84px;
    }

    .coming_soon_sub_heading h1 {
        font-size: 36px;
        line-height: 60px;
    }

    .urgent-cause__register-title {
        margin-bottom: 30px;
        font-size: 38px;
    }

    .social-media-footer {
        margin: auto 0px 10px;
    }

    .logo-and-language {
        padding-bottom: 4px;
    }
}

@media only screen and (min-width: 1500px) {
    .vivya-main-page-containt-details {
        width: 55%;
    }

    .vivya-main-page-containt-details.vivya-landing-page-containt-details {
        width: 50%;
    }

    .vivya-main-page-register-details {
        width: 56%;
    }

    .footer-right-img {
        padding-top: 20px;
        right: 60px;
        width: 18%;
    }
}

@media only screen and (min-width: 1800px) {
    .vivya-main-logo img {
        width: 150px;
        margin-bottom: 0px;
    }

    .footer-right-img {
        width: 16%;
    }

    .vivya-main-page-containt-details {
        width: 45%;
    }
}

@media only screen and (min-width: 2060px) {
    .footer-right-img {
        width: 14%;
    }
}