@media only screen and (min-width: 1px) and (max-width: 640px) {


    .blue-footer{
        display: none;
    }

    .tabletSection{
        display: none !important;
    }

    .mobileSection{
        display: unset !important;
    }

    .nowrap-howItWorks{
        flex-wrap: wrap !important;
    }

    .tab-center{
        margin-left: unset;
    }

    .max-width-190{
        max-width: unset !important;
    }

    .flexbox-row-maincontent-userguide{
        margin-left: 16px !important;
        margin-right: 16px !important;
    }

    .labelStyleHeader, .labelStyleHeader-faq, labelStyleHeader-userGuide, userguide-subtitle {
        font-family: 'Roboto' !important;
        font-feature-settings: 'clig' off, 'liga' off;
        font-style: normal;
        font-weight: 400 !important;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0.3px;
        position: static;
        left: 0px;
        top: 0px;
        margin-bottom: 0px;
        color: #333333;
    }

    .main-nav {
        top: 55px;
        width: 100%;
        position: absolute;
        z-index: 2;
        background-color: white;
    }

    .nowrap-homepage{
        flex-wrap: wrap;
    }

    .Passport_with_chip{
        content: url("../images/new_images/Passport_with_chip_mobile_en.svg");
        width: 288px;
        height: 200px;
        margin: 0 auto;
    }

    .Passport_with_chip-fr{
        content: url("../images/new_images/Passport_with_chip_mobile_en.svg");
        width: 225px;
        height: 126px;
        margin: 0 auto;
    }

    .Readable_zone{
        content: url("../images/new_images/Readable_zone_mobile_en.svg");
        width: 288px;
        height: 200px;
        margin: 0 auto;
    }

    .Readable_zone-fr{
        content: url("../images/new_images/Readable_zone_mobile_fr.svg");
        width: 288px;
        height: 200px;
        margin: 0 auto;
    }
    .mrzScan{
        content: url("../images/new_images/Scanning_passport_mobile_en.svg");
        width: 288px;
        height: 200px;
        margin: 0 auto;
    }

    .mrzScan-fr{
        content: url("../images/new_images/Scanning_passport_mobile_fr.svg");
        width: 288px;
        height: 200px;
        margin: 0 auto;
    }

    .Scan_back_of_passport{
        content: url("../images/new_images/Scanning_passport_back_mobile_en.svg");
        width: 288px;
        height: 200px;
        margin: 0 auto;
    }
    .Scan_back_of_passport-fr{
        content: url("../images/new_images/Scanning_passport_back_mobile_fr.svg");
        width: 288px;
        height: 200px;
        margin: 0 auto;
    }

    .Validation_flow{
        content: url("../images/new_images/Validation_flow_mobile_en.svg");
        width: 288px;
        height: 565px;
        margin: 0 auto;
    }

    .Validation_flow-fr{
        content: url("../images/new_images/Validation_flow_mobile_fr.svg");
        width: 288px;
        height: 565px;
        margin: 0 auto;
    }

    .userguide-subtitle, .labelStyleHeader-userGuide{
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-size: 28px;
        line-height: 36px;
        letter-spacing: 0.3px;
        margin-bottom: 24px;
    }

    .marginTopFooter{
        margin-top: 16px !important;
    }

    .hero-div{
        position: unset;
    }


    .responsive-sidebar{
        height: 100%;
        width: 320px;
        background-color: white;
    }

    .responsive-sidebar-ul, .sub-menu li{
        list-style-type: none;
        cursor: pointer;
    }

    .subMenuMargin{
        padding-left: 32px;
    }

    .responsive-sidebar ul li.showMenu .sub-menu {
        display: block;
    }

    .sub-menu {
        display: none;
    }

    .request_demo_button{
        display: none;
    }

    .li-text{
        padding-left: 20px;
    }

    .responsive-sidebar-ul li{
        line-height: 56px;
    }

    .responsive-sidebar-ul li:hover {
        opacity: 1;
        cursor: pointer;
    }

    .primary-button, .tertiary-button-menu{
        width: 292px;
        margin-right: 16px;
        margin-left: 16px;
        margin-top: 16px;
        justify-content: center;

    }

    .primary-button{
        height: 44px;
        display: unset;
    }

    .arrowUp{
        margin-right: 22px;
    }

    .header-row {
        display: none;
    }

    .blueText{
        margin-top: unset;
        margin: 0 auto;
    }

    .sm-margin-top{
        margin-top: unset;
    }

    .skip-to-main-content-link{
        display: none;
    }
    .skip-to-main-content-link:focus{
        display: none;
    }

    .header, .horizontalDivider-home ,.footerContainer , .desktopHeader , .sidebar, .horizontalDividerTab, #languageId, .desktopContent , .tablet-content, #languageIdFR{
        display: none;
    }

    .desktopLogo{
        display: none !important;
    }

    .responsiveContent{
        display : flex;
    }

    .headerTitleText-responsive{
        display : unset;
    }

    .marginTopDesktop32{
        margin-top : unset;
    }

    #privacyPolicySection-1:focus-visible , #link1:focus-visible , #link2:focus-visible{
        width: 100% !important;
    }

    /*.center > #discoverFeatures{*/
    /*    padding-bottom: 42px;*/
    /*}*/
    /*blue-button-menu-2*/

    .marginBottomLabel{
        margin-top: 32px !important;
        margin-bottom: 16px !important;
    }

    .editDashboard{
        content: url("../images/new_images/Dashboard_en_mobile.png");
        position: unset;
        height: 185px;
        width: 286px;
    }

    .editDashboard-fr{
        content: url("../images/new_images/Dashboard_fr_mobile.png");
        position: unset;
        height: 185px;
        width: 286px;
    }

    .featurePageContent-2-Easy-Integration{
        margin-top: unset;
        margin-bottom: 32px;
    /*    Changed margin bottom from 48 to 32 for feature page*/
    }

    .light-blue-row{

        min-height: unset;
        background: unset;
        background-color: #EAF1FA;
    }

    .flexbox-row{
        display: flex;
        flex-wrap: nowrap;
    }

    .col-1 {
        max-width: unset;
        margin-right: unset;
        flex: 100%;
    }

    .brown-row{
        position: absolute;
        height: 240px;
        left: 0px;
        background: #2D3E20;
    }

    .featureImage1-1{
        top: unset;
        height: 300px;
        margin-left: unset;
        margin-right: unset;
        width: -webkit-fill-available;
    }

    .homepage-hero{
        background-image: url("../images/new_images/img_hero_home_mobile.svg");
        width: 100%;
        height: 240px;
    }

    .featurePage-hero{
        /*background-image: url("../images/tablet/featurePage-hero_641.png");*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    .featurePage-hero-fr{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        /*background-image: url("../images/tablet/featurePage-hero-fr_641.png");*/
    }

    .howItworks-hero{
        background-image: url("../images/new_images/howItWorks_mobile_en.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

    .howItworks-hero-fr{
        background-image: url("../images/new_images/howItWorks_mobile_fr.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

    .individual-hero{
        background-image: url("../images/new_images/howItWorks_individual_mobile_en.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

    .individual-hero-fr{
        background-image: url("../images/new_images/howItWorks_individual_mobile_fr.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

    .faq-hero{
        background-image: url("../images/new_images/faq_mobile.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right center;
        position: unset;
    }

    .header-row-responsive{
        display: unset;
    }

    .col-2 {
        justify-content: center;
        text-align: center;
        margin-top: 68px;
    }

    .mobileHeaderContainer{
        display: flex;
        flex-wrap: nowrap;
        height: 55px;
        border-bottom: 1px solid #CBCBCB;
    }

    .headerSection1 {
        flex: 20.00%;
        margin-top: 15px;
        margin-left: 16px;
        margin-bottom: 15px;
        cursor: pointer;
    }

    .headerSection4{
        display: none;
        flex: 20.00%;
        margin-top: 15px;
        margin-left: 16px;
        margin-bottom: 15px;
        cursor: pointer;
    }

    .headerSection3 {
        flex: 20.00%;
        margin-top: 15px;
        margin-right: 24px;
        margin-bottom: 15px;
    }

    .headerSection2{
        flex: 60.00%;
        text-align: center;
    }

    .headerText1 , .headerText2{
        color: #333333;
        font-family: Roboto;
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0.5px;
    }


    .headerText2 {
        float: right;
    }

    .headerText1:hover , .headerText2:hover{
        text-decoration: none;
        color: #333333;
    }

    .logo {
        content: url("../images/logo_identity_en.svg");
        background-repeat: no-repeat;
        width: 109px;
        margin-top: 9px;
        margin-bottom: 9px;
        margin-left: unset;
        display: inline-block;
        float: unset;

    }

    .pattern2, .featurePagePattern2, .brownPatter2{
        display: none;
    }

    .logo_fr {
        content: url("../images/logo_identity_fr.svg");
        background-repeat: no-repeat;
        width: 109px;
        margin-top: 9px;
        margin-bottom: 9px;
        margin-left: unset;
        display: inline-block;
        float: unset;

    }

    .arrowDown{
    }

    .horizontalDivider{
        width: 100%;
        /*height: 64px;*/
        height: 48px;
    }


    .howItWorksText-single {
         max-width: unset;
        text-align: center;
    }

    .left{
        justify-content: center;
        text-align: center;
    }

    .steps-margin-1{
        margin-left: unset;
        margin-right: unset;
        flex-wrap: nowrap;
    }

    col-2-2{
        flex: 100%;
    }

    .marginTopLabel{
        margin-top: unset;
    }

    .column-flexbox, .column-flexbox-single{
        align-items: center;
        margin-bottom: 32px;
        flex: 100%;
    }

    .howItWorksText, .howItWorksText-single{
        width: unset;
        margin-right: unset;
    }

    .editPhone{
        content: url("../images/new_images/reusable_digital_id_mobile.svg");
        height: 232px;
        width: 241px;
        position: unset;
        margin-top: unset;
        margin-left: unset;
        margin-bottom: -24px;
    }

    .editPhone-fr{
        content: url("../images/new_images/reusable_digital_id_mobile_fr.svg");
        height: 232px;
        width: 241px;
        position: unset;
        margin-top: unset;
        margin-left: unset;
        margin-bottom: -24px;
    }

    .featureImage3{
        content: url("../images/new_images/section_photo_man_selfie_mobile.svg");
        position: unset;
        margin-top: unset;
        margin-left: unset;
        margin-bottom: -32px;
        height: 249px;
        width: 307px;
    }

    .featureImage3-fr{
        content: url("../images/new_images/section_photo_man_selfie_mobile_fr.svg");
        position: unset;
        margin-top: unset;
        margin-left: unset;
        margin-bottom: -32px;
        height: 249px;
        width: 307px;
    }

    .Illustration{
        height: 182px;
        width: 285px;
    }

    .grey-row-1{
        min-height: unset;
    }
    .featurePageContent-2{
        margin-top: 32px;
        margin-bottom: 32px;
        margin-left: 48px;
        margin-right: 44px;
    }

    .featurePageContent{
        margin-bottom: 32px;
        margin-top: 32px;
    }
    .canadaLogo {
        float: right;
        content: url("../images/Canada Logo.svg");
        background-repeat: no-repeat;
        margin-top: 16px;
        margin-bottom: 24px;
        margin-right: 32px;
        width: 88px;
        cursor: pointer;
        height: 18px;
    }

    .stats-column-1{
        margin-right: unset;
        display: flex;
        align-items: center;
    }

    .featurePageHeader{
        margin-top: 32px;
        margin-left: 16px;
        margin-right: 16px;
        margin-bottom: 16px;
    }

    .featurePageHeader-font{
        font-family: 'Roboto' !important;
        font-feature-settings: 'clig' off, 'liga' off;
        font-style: normal;
        font-weight: 500 !important;
        font-size: 28px;
        line-height: 36px;
        letter-spacing: 0.2px;
        color: #333333;
    }

    .home-featurePageHeader{
        max-width: 379px;
    }

    .mobile-margin{
        margin-top: 24px;
    }

    .blue-button-2 , .blue-button-1{
        margin-bottom: 24px;
    }

    .ios-button, .ios-button-fr{
        margin-bottom: unset;
    }

    .google-button, .google-button-fr{
        margin-bottom: 32px;
    }

    .labelText-margin, .labelText-margin-single{
        margin-left: 16px;
        margin-right: 16px;
        width: calc(100% - 32px);
    }

    #discoverFeatures{
        margin-bottom: 32px;
    }

    .labelText-margin-desktop{
        margin-left: 16px;
        margin-right: 16px;
        margin-bottom: 24px;
        width: calc(100% - 32px);
    }

    .how-it-works-column-1, .how-it-works-column-2, .how-it-works-column-3, .how-it-works-column-4 {
        flex: unset;
        max-width: unset;
        flex-basis: 100%;
    }

    .polygonRight {
        height: 16px;
        width: 16px;
        margin-bottom: 24px;
        transform: rotate(90deg);
    }

    .tabletDesktopTable{
        display: none;
    }

    .mobileTable{
        display: block;
        width: calc(100% - 32px);
        margin-left: 16px;
    }
    .table-credit-text{
        border-top : unset;
        margin-top: 16px;
    }

    .mobile-margin-top{
        margin-top: 100px;
    }

    .faq-centered{
        margin-left: 16px;
        font-weight: 500 !important;
        font-size: 28px;
        line-height: 36px;
        letter-spacing: 0.2px;
        top: 175px;
    }

    @media only screen and (min-width: 1px) and (max-width: 370px) {
        .hero-div {
            min-height: 550px;
        }
        .canadaLogo{
            margin-right: unset !important;
        }
        .labelStyle{
            letter-spacing: 0.3px;
        }
        .span-margin{
            margin-top: 32px;
            padding-right: 16px;
            padding-left: 16px;
        }
        .width256{
            width: 256px;
        }
        .labelStyleHeader{
            font-size : 24px;
            line-height: 32px;
        }
        .spanText1{
            padding-left: 13px !important;
            padding-right: 13px !important;
        }

        .mobile-margin-top{
            margin-top: 150px;
        }
        .featureImage1-1{
            top: 55px;
            height: 240px;
            margin-left: unset;
            margin-right: unset;
            width: -webkit-fill-available;
        }

        .featurePage-hero{
            background-image: url("../images/new_images/hero_img_features_mobile_en.svg");
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
        }
        .featurePage-hero-fr{
            background-image: url("../images/new_images/hero_img_features_mobile_fr.svg");
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
        }
        .howItworks-hero{
            background-image: url("../images/new_images/howItWorks_mobile_en.svg");
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
        }

        .howItworks-hero-fr{
            background-image: url("../images/new_images/howItWorks_mobile_fr.svg");
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
        }

        .featureImage3{
            content: url("../images/new_images/section_photo_man_selfie_mobile.svg");
            height: 249px;
            width: 307px;
            margin-bottom: -32px;
        }

        .featureImage3-fr{
            content: url("../images/new_images/section_photo_man_selfie_mobile_fr.svg");
            height: 249px;
            width: 307px;
            margin-bottom: -32px;
        }

        .individual-hero{
            background-image: url("../images/new_images/howItWorks_individual_mobile_en.svg");
            background-repeat: no-repeat;
        }

        .individual-hero-fr{
            background-image: url("../images/new_images/howItWorks_individual_mobile_fr.svg");
            background-repeat: no-repeat;
        }

        .faq-hero{
            background-image: url("../images/new_images/faq_mobile.svg");
            background-repeat: no-repeat;
            /*position: unset;*/
            height: 240px;
        }
    }


    .canadaLogo{
        margin-right: 16px;
    }


        .featureImage2-1{
            top: 260px;
            width : calc(100% - 32px);
            height: auto;
            margin-left : 16px;
            margin-right : 16px;
        }

        .container-1{
            display: none;
        }

        button + button, .button + .button {
            margin-left: unset;
        }

        .featurePageContent, .featurePageContent-2, .featurePageContent-2-Easy-Integration{
            margin-left: 16px;
            margin-right: 16px;
        }

        .blue-footer-mobile{
            display: unset;
        }

        .col-2-1{
            flex: 100%;
            margin-bottom: 48px
        }

        .horizontalDividermobile{
            width: 100%;
            height: 48px;
        }

        .horizontalDivider-12{
            height: 12px !important;
        }

        .margin-bottom-64-howItworks{
            margin-bottom: 32px;
        }
    .span-margin {
        margin-top: 32px !important;
    }

    .badge_google_white , .badge_google_white-fr{
        margin-left: 24px;
    }

        .header-row-responsive{
            display: unset;
        }
        .header-row, .header-row-featurePage-2 {
            display: none;
        }

        .spanText2{
            line-height: 32px;
            font-size: 24px;
        }

        .skip-to-main-content-link{
            display: none;
        }
        .skip-to-main-content-link:focus{
            display: none;
        }

        .header,.footerContainer , .desktopHeader , .sidebar, .horizontalDividerTab, #languageId, .desktopContent, .blue-footer{
            display: none;
        }

        .header-row {
            display: none;
        }


        .mainContent {
            background-color: #fff;
            overflow: hidden;
            width: calc(100% - 32px);
            margin-left: 16px;
            margin-right: 16px;
        }

        .stats-column-1, .stats-column-2, .stats-column-3, .stats-column-4 {
            flex: 100%;
            dispay: flex;
            flex-direction: column;
            flex-basis: 100%;
            max-width: unset;
        }

        .marginLeftFooter {
            margin-left: 16px;
            width: 100%;
            margin-right: 16px;
        }

        .spanText2-mobile{
            margin-top: 32px !important;
            /*padding-bottom: 24px;*/
            color: #FFFFFF;
            font-size: 24px !important;
            line-height: 32px !important;
            margin-left: 16px;
            margin-right: 16px;
        }

        .blue-button-2 , .blue-button-1, .blue-button-menu-2{
            width : 100%;
            margin-bottom: unset;
            margin-top: unset;
        }

    .blue-button-3{
        width: 100%;
        display: unset;
    }


    .blue-button-2, .blue-button-menu-2, .blue-button-1, .blue-button-menu-1{
        justify-content: center;
    }

        .tertiary-button {
            width: 100%;
            margin-left: 16px;
            margin-right: 16px;
            justify-content: center;
        }

        .blue-button-2-homepage{
            margin-bottom: 8px;
        }

        .blue-button-2-margin{
            margin-bottom: 16px;
        }

        .margin-center{
            max-width: calc(100% - 32px);
            margin-left: 16px;
            margin-right: 16px;
        }

        #howItWorks{
            margin-top: unset;
        }

        #startFreeTrial{

        }

        .blue-button-1{
            margin-bottom: 32px;
            margin-top: 24px;
            /*margin-left : 16px;*/
            margin-right : 16px;
        }

        .margin-bottom-remove{
            margin-bottom: 4px;
        }

    .margin-bottom-remove:focus-visible{
        margin-bottom: 4px;
    }

        .footerText1{
            margin-left : 16px;
            font-size: 14px;
            margin-bottom: 24px;
            margin-top: 16px;
        }

        #PrivacyEN, #TermsEN{
            width : 100%;
            display: block;
        }

        .footerColor{
            display: none;
        }
        .spanText3-mobile{
            margin-left: 26px;
            margin-right: 26px;
            margin-bottom: 24px;
            text-align: center;
        }
        .footerText2{
            width: 100%;
            display: block;
            line-height: 24px;
            margin-top: unset;
            margin-bottom: 16px;
            font-size: 14px;
        }

        .grey-row{
            height : unset;
        }

        .stats-column-3, .stats-column-4, .stats-column-2 {
            margin-top: 32px;
        }

        .blue-footer {
            display: none;
        }

        .stats-column-1, .stats-column-2, .stats-column-3 {
             margin-right: unset;
        }

        .col-2-1{
            margin-top: 68px;
            flex: 100%;
            margin-bottom: 48px
        }

    .desktop-wrapper {
        margin-right: unset;
        margin-left: unset;
    }

        .horizontalDividermobile{
            width: 100%;
            height: 64px;
            display: block;
        }

        .mainContent {
            background-color: #fff;
            overflow: hidden;
            width: calc(100% - 32px);
            margin-left: 16px;
            margin-right: 16px;
        }

        .marginLeftFooter {
            margin-left: 16px;
            width: 100%;
            margin-right: 16px;
        }

        .header-row {
            display: none;
        }

    .labelStyle{
        margin-top: 32px !important;
    }

    .canadaLogo:focus-visible{
        outline-color: black
    }

    .blueText{
        padding-top: 48px;
    }

    .labelStyleHeader{
        text-align: center;
    }

    .spanText1{
        text-align: center;
        padding-left: 16px;
        padding-right: 16px;
        letter-spacing: 0.3px;
    }

    .spanText2{
        text-align: center;
        /*max-width: 537px;*/
        /*margin: 0 auto;*/
    }

    .editPhoneHomeImage, .editPhoneHomeImage-fr{
        width: 290px;
        height: 386px;
        margin-bottom: 67px;
    }

    .margin-bottom-64{
        margin-bottom: unset;
    }

    .marginTopLabel48, .marginTopLabel48-userguide{
        margin-top: 24px !important;
    }

    .faq-style-2{
        margin-left: 24px;
    }

    .stats-row{
        margin-top: unset;
    }

    .steps-margin-1-single{
        margin-top: 32px;
    }

    #languageIdMobile{
        display: unset;
    }

    .mobileFooterContainer {
        border-top: 1px solid #CBCBCB;
        display: flex;
        flex-wrap: wrap;
        height: 125px;
    }

    .footerSection2 {
        background-color: #F0F0F0;
        width: 100%;
        justify-content: left;
    }

    footer {
        text-align: unset;
    }

    .footerSection1 {
        background-color: #F0F0F0;
        flex: 70%;
    }

    .footerSection3 {
        background-color: #F0F0F0;
        flex: 30%;
    }
    .marginLeftText{
        margin-left: 16px;
    }
}