html,
    body {
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-family: 'ZohoPuvi';
        line-height: 24px;
    }
    .container {
        max-width: 1200px;
        margin: 0 auto;
    }
    img {
        max-width: 100%;
    }
    header {
        position: relative;
        padding: 10px 0;
        background: #fff;
        z-index: 999999;
        transition: .3s;
        display: inline-block;
        width: 100%;
        -webkit-box-shadow: 0 0 10px rgba(27, 49, 140, .07);
        box-shadow: 0 0 10px rgba(27, 49, 140, .07);
    }
    header .container {
        justify-content: space-between;
        max-width: 90%;
    }
    header.topFix {
        top: -90px;
        transition: .3s;
    }
    header.fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #fff;
        transition: .3s;
        -webit-box-shadow: 0 0 12px 2px rgba(0, 0, 0, .11);
        box-shadow: 0 0 12px 2px rgba(0, 0, 0, .11);
        transition: .3s;
    }
    .logo {
        background: url('../../images/logo-menu-icon-sprite.png') no-repeat;
        width: 164px;
        height: 53px;
        display: inline-block;
        background-size: 181px;
        margin-top: 0;
        z-index: 999;
        background-position: -2px 1px;
    }
    .wam-menu {
        align-self: center;
        float: right;
        margin-top: 20px;
    }
    .wam-menu a {
        color: #000;
        text-decoration: none;
        margin-left: 45px;
        position: relative;
        font-family: "Zoho_Puvi_Regular";
        font-size: 13px;
        font-weight: 600;
    }
    .wam-menu a::before {
        content: "";
        position: absolute;
        left: -25px;
        height: 25px;
        width: 25px;
        background: url('../../images/logo-menu-icon-sprite.png') no-repeat;
        background-size: 171px;
        background-position: 0 -60px
    }
    .wam-menu a:nth-of-type(2)::before {
        background-position: -35px -60px
    }
    .wam-menu a:nth-of-type(3)::before {
        background-position: -72px -60px
    }
    .wam-menu a:nth-of-type(4)::before {
        background-position: -103px -60px;
        background-size: 181px;
        left: 25px;
    }
    .wam-menu a.menuDwn {
        padding: 8px 30px 8px 55px;
        background: #e02228;
        color: #fff;
        border: 1px solid #e02228;
        margin-left: 30px;
        font-weight: 700;
    }
    .titleContainer {
        position: relative;
        text-align: center;
    }
    .titleContainer::before {
        content: "";
        position: absolute;
        height: 120%;
        width: 100%;
        left: 0;
        top: 0;
        background: #96e9b7;
        background: -webkit-linear-gradient(to bottom, #96e9b7, #dbf9e7, #fff);
        background: linear-gradient(to bottom, #96e9b7, #dbf9e7, #fff);
        z-index: -1;
    }
    .titleContainer h1 {
        font-size: 34px;
        line-height: 47px;
        font-weight: 700;
        margin: 0;
        padding: 60px 0 40px;
    }
    .titleContainer a {
        font-size: 16px;
        padding: 12px 30px;
        background: #e32e44;
        color: #fff;
        text-decoration: none;
        font-weight: 600;
    }
    .selector {
        width: 530px;
        margin: 60px auto;
        text-align: center;
        position: relative;
    }
    /*.selector::after{content: "";position: absolute; height: 100%; width: 50%; left: 25%; top: 0; background: #fff; z-index: 0;}*/
    .selector div {
        display: inline-block;
        border: 1px solid transparent;
        width: 48%;
        color: #7d7d7d;
        background: #fff;
        font-size: 16px;
        line-height: 23px;
        padding: 10px 0;
        font-weight: 600;
        position: relative;
        z-index: 1;
        transition: .3s;
        cursor: pointer;
        -webkit-box-shadow: 0 0 20px rgba(225, 176, 154, .27);
        box-shadow: 0 0 20px rgba(225, 176, 154, .27);
    }
    .selector div#native {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .selector div#adap {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        right: 4px;
    }
    .selector div.active {
        background: transparent;
        border-color: #5ec385;
        color: #5ec385;
        box-shadow: none;
    }
    .selector div.active::before {
        content: "";
        border: 1px solid #5ec385;
        height: 15px;
        width: 15px;
        transform: rotate(45deg);
        position: absolute;
        bottom: -9px;
        left: 0;
        right: 0;
        background: #f2fcf6;
        margin: auto;
        border-top: 0;
        border-left: 0;
    }
    .selector div#native.active {
        border: 1px solid #5ec385;
        border-right: 3px solid #5ec385;
    }
    .selector div#adap.active {
        border: 1px solid #5ec385;
        border-left: 3px solid #5ec385
    }
    .nativeContent,
    .adapContent {
        padding-right: 10%;
        transition: .3s;
        display: none;
    }
    .contentContainer h2 {
        font-size: 26px;
        line-height: auto;
    }
    .contentContainer li {
        line-height: 24px;
        margin-top: 10px;
    }
    .imbBox {
        position: relative;
        width: 80%;
        background: #f1f4fa;
        padding: 15px 20px;
        border: 1px solid #e9e9e9;
        margin: 35px 0 40px;
    }
    .imbBox img {
        -webit-box-shadow: 0 0 8px rgba(0, 0, 0, .08);
        box-shadow: 0 0 12px rgba(0, 0, 0, .08);
    }
    .contentContainer strong {
        font-weight: 600;
    }
    .contentContainer strong.num {
        font-weight: 700;
    }
    .contentContainer p {
        margin: 0;
        line-height: 24px;
    }
    .pb35 {
        padding-bottom: 15px;
    }
    .nativeContent.active,
    .adapContent.active {
        display: block;
    }
    .bottomCta {
        margin: 65px 0 75px;
        text-align: center;
    }
    .ctaWrapper {
        width: 70%;
        margin: auto;
        background: #e6fff0;
        padding: 40px 20px 55px;
        border: 1px solid #5ec385;
    }
    .ctaWrapper h5 {
        font-size: 18px;
        line-height: 23px;
        margin: 0;
    }
    .ctaWrapper p {
        font-size: 16px;
        line-height: 23px;
        margin: 10px 0 35px;
    }
    .ctaWrapper a {
        font-size: 16px;
        padding: 12px 30px;
        font-weight: 600;
        background: #e32e44;
        color: #fff;
        text-decoration: none;
    }
    .relatedlinkContainer {
        background: url('../../images/kb-new-bottom-bg.png') no-repeat;
        background-size: cover;
        text-align: center;
        color: #fff;
        padding: 55px 0 74px;
    }
    .relatedlinkContainer h2 {
        font-size: 20px;
        line-height: 38px;
        font-weight: 700;
        position: relative;
        margin: 0;
        color: #fff;
    }
    .relatedlinkContainer h2::after {
        content: "";
        position: absolute;
        background: #429153;
        height: 3px;
        width: 70px;
        bottom: -40px;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    .relatedLinks {
        display: inline-block;
        width: 90%;
        left: 5%;
        margin-top: 30px;
    }
    .relatedLinks li {
        display: inline-block;
        padding: 2px 27px;
        border-right: 1px solid #fff;
        margin-bottom: 20px;
    }
    .relatedLinks li:last-of-type,
    .relatedLinks li:nth-of-type(4) {
        border: 0;
    }
    .relatedLinks li a {
        color: #fff;
        text-decoration: none;
        font-size: 14px;
        line-height: 24px;
    }
    footer {
        text-align: center;
    }
    footer p {
        text-align: center;
        font-size: 14px;
        line-height: 38px;
        margin: 0;
    }
    span#backToTop {
        display: none !important;
    }
    .nativeContent h2 {
        font-size: 26px;
        line-height: auto;
    }
    @media screen and (max-width: 1240px) {
        .container {
            max-width: 90%;
        }
        .relatedLinks li:nth-of-type(4) {
            border-right: 1px solid #fff;
        }
    }
    @media screen and (max-width: 1240px) {
        .ctaWrapper {
            width: 80%;
        }
    }
    .navTrig {
        display: none;
    }
    @media screen and (max-width: 767px) {
        .navTrig {
            display: block;
            position: absolute;
            height: 20px;
            width: 30px;
            right: 5%;
            top: 0;
            bottom: 0;
            margin: auto;
            border-top: 1px solid #000;
            border-bottom: 1px solid #000;
        }
        .navTrig::before {
            content: "";
            position: absolute;
            height: 1px;
            width: 100%;
            top: 50%;
            left: 0;
            background: #000;
        }
        .navTrig::after {
            content: "";
            position: absolute;
            height: 1px;
            width: 100%;
            top: 50%;
            left: 0;
            background: #000;
        }
        .navTrig.open {
            border: none;
        }
        .navTrig.open::before {
            transition: .3s;
            transform: rotate(45deg);
        }
        .navTrig.open::after {
            transition: .3s;
            transform: rotate(-45deg);
        }
        .wam-menu {
            position: fixed;
            height: 100%;
            top: 55px;
            right: -400px;
            width: 300px;
            background: #fff;
            z-index: 9999;
            -webkit-box-shadow: 0 0 12px 2px rgba(0, 0, 0, .1);
            box-shadow: 0 30px 12px 2px rgba(0, 0, 0, .1);
            padding: 30px 15px 0;
            transition: .3s;
        }
        .wam-menu a {
            display: block;
            margin-bottom: 15px;
            border-bottom: 1px solid rgba(0, 0, 0, .5);
        }
        .imbBox {
            width: 96%;
            position: relative;
            padding: 2%;
        }
        .nativeContent,
        .adapContent {
            padding-right: 0;
        }
        .ctaWrapper {
            width: 90%;
            padding: 40px 5% 55px;
        }
        .titleContainer h1 br {
            display: none;
        }
    }
    @media screen and (max-width: 560px) {
        .selector {
            width: 100%;
        }
        .titleContainer h1 {
            font-size: 30px;
        }
        .selector div {
            font-size: 14px;
        }
        .relatedLinks li:nth-of-type(4),
        .relatedLinks li {
            border-right: 0;
        }
    }
    @media screen and (max-width: 380px) {
        .selector div {
            display: block;
            width: 100%;
        }
        .selector div.active::before,
        .selector::after {
            display: none;
        }
        .selector div#native,
        .selector div#adap {
            border-radius: 5px;
            right: 0;
            margin-bottom: 10px;
        }
        .selector div#native.active,
        .selector div#adap.active {
            border-width: 2px;
        }
    }