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

    .pattern2{
        z-index: 1;
        top: 220px;
        right: 0;
    }

    .max-width-190{
        /*max-width: unset !important;*/
    /*    Removing this for FR feature pages*/
    }

    .featurePagePattern2 {
        z-index: 1;
        top: unset;
        margin-left: unset;
        right: 0;
        bottom: -20px;
    }

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

    .tab-center{
        /*max-width: 82.5%;*/
        margin-left: unset;
        max-width: 796px !important;
    }

    .tabletSection{
        display: unset !important;
    }

    .mobileSection {
        display: none !important;
    }

    .stats-row{
        flex-wrap: nowrap;
    }

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

    .max-button-width {
        max-width: 205px;
    }

    .margin-bottom-tablet{
        margin-bottom: 32px;
    }

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

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

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

    .responsive-sidebar-ul, .sub-menu li {
        list-style-type: none;
        cursor: pointer;
        line-height: 44px !important;
    }

    .subMenuMargin {
        padding-left: 32px;
    }

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

    .sub-menu {
        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 {
        width: 292px;
        margin-right: 16px;
        margin-left: 16px;
        margin-top: 16px;
    }

    .arrowUp {
        margin-right: 22px;
    }


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

    .mobileTable, #languageIdMobileFR {
        display: none;
    }

    .stat-count {
        margin-top: unset;
        margin-bottom: unset;
    }

    .column-flexbox-1 {
        flex: 20%
    }

    .column-flexbox-2 {
        flex: 50%
    }

    .column-flexbox-3 {
        flex: 30%
    }

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

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

    .blue-button-2, .blue-button-1, .blue-button-menu-2, .blue-button-3 {
        margin-bottom: 48px;
    }

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

    .flexbox-row-maincontent {
        justify-content: left;
    }

    .horizontalDivider {
        width: 100%;
        height: 72px;
    }

    .blue-row {
        /*padding-top: 20px;*/
    /*    Removing this from the footer blue text*/
    }

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

    .marginRight {
        margin-right: 16px;
    }

    .marginLeftText {
        margin-left: 16px;
    }

    .canadaLogo {
        float: right;
        content: url("../images/Canada Logo.svg");
        background-repeat: no-repeat;
        margin-top: 22px;
        margin-bottom: 22px;
        margin-right: 32px;
        width: 78px;
        cursor: pointer;
        height: 20px;
    }

    .horizontalDividerTab {
        width: 100%;
        height: 72px;
    }

    .editPhoneHomeImage, .editPhoneHomeImage-fr {
        width: 370px;
        height: 493px;
    }

    .howItWorkText {
        max-width: 243px;
    }

    .steps-margin-1 {
    }

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

    .margin-top-32 {
        margin-top: 32px;
    }

    .sm-margin-top {
        margin-top: 8px;
    /*    Changed this from 24 to 8*/
    }

        /*.mainContent {*/
        /*    margin: unset;*/
        /*    width: calc(100% - 104px);*/
        /*    background-color: #fff;*/
        /*    margin-right: 52px;*/
        /*    margin-left: 52px;*/
        /*}*/

    .mainContent-howItWorks{
        max-width: 961px;
    }

        .margin-left {
            margin-left: 40px;
        }


        .steps-margin-1, .steps-margin-1-single {

        }

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

        .featurePage-hero {
            background-image: url("../images/new_images/hero_img_features_tablet_en.svg");
            background-size: cover;
            background-position: center center;
        }
        .featurePage-hero-fr {
            background-image: url("../images/new_images/hero_img_features_tablet_fr.svg");
            background-size: cover;
            background-position: center center;
        }

        .howItworks-hero {
            background-image: url("../images/tablet/howItWorks_1024.png");
            background-image: url("../images/new_images/howItWorks_tablet_en.svg");
            background-size: cover;
            background-position: center center;
        }

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

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

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

        .faq-hero {
            background-image: url("../images/new_images/faq_tablet.svg");
            background-size: cover;
            background-position: right 15% center;
            /*height: 280px;*/
            /*position: unset;*/
        }

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

        .labelText-margin-desktop, .labelText-margin-single{
            margin-left: 32px;
            margin-right: 32px;
        }

        .horizontalDivider-home {
            display: none;
        }


    .featureImage3{
        height: 386px;
        width: 468px;
    }

    .featureImage3-fr{
        height: 386px;
        width: 468px;
    }

    .brown-row{
        display: none !important;
    }

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

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

        .brownPatter2 {
            margin-left: calc(100% - 167px);
        }

        .faq-centered {
            left: 32px;
            top: 227px;
        }

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

        .stats-column-1{
            max-width: unset !important;
        }

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

        .span-margin {
            padding-left: 32px;
            padding-right: 32px;
        }

        .howItWorksText-single {
            max-width: 206px;
            min-width: 120.25px;
        }

        .howItWorksText{
            max-width: 171px;
        }

        .brown-row, .horizontalDivider-home {
            display: none !important;
        }


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

    .ios-button{
        margin-bottom: 48px;
    }

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

        .howItworks-hero {
            background-image: url("../images/new_images/howItWorks_tablet_en.svg");
        }

        .howItworks-hero-fr {
            background-image: url("../images/new_images/howItWorks_tablet_fr.svg");
        }

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

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

        .faq-hero {
            background-image: url("../images/new_images/faq_tablet.svg");
            position: unset;
            height: 280px;
        }

        .featureImage3 {
            content: url("../images/new_images/section_photo_man_selfie_tablet.svg");
        }

        .featureImage3-fr {
            content: url("../images/new_images/section_photo_man_selfie_tablet_fr.svg");
        }


        .featureImage2-1 {
            top: 220px;
            width: calc(100% - 128px);
            height: unset;
            margin-left: 64px;
            margin-right: 64px;
        }


    .header-row-responsive, .tablet-content {
        display: unset;
    }

    .hero-div {
        min-height: 472px;
    }

    .labelStyleHeader {
        text-align: center;
    }

    .left-align-tablet{
        justify-content: left;
    }

    .left-align-flex-tablet{
        display: flex;
        justify-content: left;
        align-items: left;
        width: max-content;
    }

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

    .header-row {
        display: none;
    }

    .span-margin {
        margin-top: 48px !important;
    }

    .margin-bottom-64, .margin-bottom-64-howItworks{
        margin-bottom: 48px;
    }

    .badge_google_white{
        margin-left: 32px;
    }

    .spanText2{
        /*margin-right: 32px;*/
        /*margin-left: 32px;*/
        /*Removing this because titles where messed up on feature page*/
    }

    .spanText2-1{
        margin-left: 32px;
        margin-right: 32px;
    }

    .grey-row, .grey-row-1 {
        max-width: 1024px;
    }

    .alignTextCenter {
        text-align: center;
    }

    .paddingBottom {
        /*padding-bottom: 48px;*/
        /*width: unset !important;*/
    }

    .headerTitleText-responsive {
        display: unset;
    }

    .horizontalline, .col-2-1 {
        display: flex;
        justify-content: center;
        max-width: unset;
    }

    .col-2-2 {
        flex: unset;
        margin: 0 auto;
        max-width: unset;
    }

    .stats-column-1, .stats-column-2, .stats-column-3, .stats-column-4 {
        max-width: 285px;
        min-width: 171px;
        text-align: center;
        align-self: stretch;

    }

    .horizontalline {
        width: 88px;
    }

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

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

    .stat-icon{
        margin-bottom: 16px;
    }

    button,
    .button {
    }

    button + button,
    .button + .button {
        margin-left: 16px;
    }

    .arrowleftToggle {
        margin-left: unset;
    }

    ul-sidebar-margin {
        margin-bottom: 0px;
    }

    .btn-group button,
    .btn-group .button {
        min-width: 84px;
    }

    .labelStyleHeader {
        font-family: 'Roboto' !important;
        font-style: normal;
        font-weight: 400 !important;
        font-size: 28px;
        line-height: 36px;
        letter-spacing: 0.3px;
        position: static;
        left: 0px;
        top: 0px;
        margin-bottom: 0px;
        color: #333333;
    }

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

    .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;
    }

    .labelStyle-userguide{
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 36px;
        letter-spacing: 0.3px;
        margin-top: 24px;
        text-align: left;
    }

    .marginTopLabel-faq{
        margin-top: 24px;
        text-align: left;
    }

    .marginbottomLabel-faq{
        margin-bottom: 24px !important;
    }

    .inputFilterTable {
        display: block;
        width: 250px !important;
    }


    .btn-group button,
    .btn-group .button {
        min-width: 100%;
    }

    input[type="text"],
    input[type="password"] {
        max-width: 100%;
    }

    .col-xs-3 {
        width: 250px !important;
    }

    textarea {
        width: 100%;
        max-width: 100%;
    }

    .leftmenu {
        display: none;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
    }

    .header, .profile-span, .footerContainer, .profile , .desktopContent {
        display: none !important;
    }

    .responsiveContent{
        display : flex;
    }

    .active {
        left: 0;
    }

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

    .row-flexbox-responsive {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    .column-flexbox-responsive {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .row-flexbox-responsive-2 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    .column-flexbox-responsive-2 {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .featureImage3{
        content: url("../images/new_images/section_photo_man_selfie_tablet.svg");
        position: unset;
        margin-top: unset;
        margin-left: unset;
        margin-bottom: -48px;
    }

    .featureImage3-fr{
        content: url("../images/new_images/section_photo_man_selfie_tablet_fr.svg");
        position: unset;
        margin-top: unset;
        margin-left: unset;
        margin-bottom: -48px;
    }


    .editPhone{
        content: url("../images/new_images/reusable_digital_id_tablet.svg");
        height: 359px;
        width: 348px;
        position: unset;
        margin-top: unset;
        margin-left: unset;
        margin-bottom: -32px;
    }

    .editPhone-fr{
        content: url("../images/new_images/reusable_digital_id_tablet_fr.svg");
        height: 359px;
        width: 348px;
        position: unset;
        margin-top: unset;
        margin-left: unset;
        margin-bottom: -32px;
    }


    .grey-row-1{
        min-height: unset;
    }

    .featurePageContent-2{
        margin-bottom: 48px;
        margin-left: 32px;
        margin-right: 32px;
        margin-top: 48px;
    }

    .featurePageContent{
        margin-bottom: 48px;
        margin-top: 48px;
        margin-left: 32px;
        margin-right: 32px;
    }

    .marginTopDesktop32{
        margin-top : unset;
    }

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

    .marginBottomLabel{
        margin-top: 48px;
    }

    .marginBottomLabel-userguide{
        margin-top: unset;
    }

    .marginTopLabel{
        margin-top: unset;
        text-align: center;
    }

    .marginTopLabel48-userguide{
        margin-top: unset !important;
    }

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

    .editDashboard{
        content: url("../images/new_images/Dashboard_en_tablet.png");
        position: unset;
        height: 285px;
        width: 442px;
    }

    .editDashboard-fr{
        content: url("../images/new_images/Dashboard_fr_tablet.png");
        position: unset;
        height: 285px;
        width: 442px;
    }

    .featurePageContent-2-Easy-Integration{
        margin-top: unset;
        margin-bottom: 48px;
        margin-left: 32px;
        margin-right: 32px;
    }

    .light-blue-row{

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

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

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

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

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

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

    .headerSection2{
        flex: 80.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;
    }


    .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;
    }


    .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%;
    }

    .wrapper {
        width: 100%;
        max-width: 1940px;
    }

    .main-content, .content, .content-userguide {
        width: 100%;
        position: static;
        flex-wrap: nowrap;
        min-height: calc(100vh - 136px);
    }

    .header, .profile-span, .desktopLogo, .footerContainer, .profile, .mobileSolutionView, .desktopRow, .mobile-tab-header, .mobileViewHeader, .mobile-divider {
        display: none;
    }

    .horizontalDividerMobile, .header-row-featurePage-2 ,.desktopHeader , .sidebar, #languageIdMobile, .blue-footer-mobile, .mobile-desktop-content{
        display: none !important;
    }
    .flexbox-row-maincontent-userguide{
        margin-left: 32px !important;
    }
}