@media only screen and (max-width: 1400px) {
    section.HomeVisual .step .text {
        font-size: 16px
    }

    section.main .inner .textInfo {
        width: 40%
    }

    section.main .inner .visual .panels .panel.fraudType {
        right: -3%
    }

    section.main .inner .visual .panels .arrow {
        right: -32px;
        width: 132px
    }

        section.main .inner .visual .panels .arrow > svg {
            width: 100%;
            height: auto
        }

    section.main .inner .textInfo h1 {
        font-size: 30px;
        line-height: 42px;
        margin-bottom: 16px
    }

    section.main .inner .textInfo p {
        font-size: 18px;
        margin-bottom: 20px
    }

    section.main .inner .textInfo .buttons .try {
        font-size: 14px
    }

    section.main .inner .textInfo .buttons .btn {
        font-size: 14px
    }

    section.main .inner .textInfo .buttons .feature {
        font-size: 14px
    }

    .textInfoBottoms > .stars {
        font-size: 14px
    }

    section.accounts .container .textInfo h2 {
        font-size: 18px
    }

    section.trafic h2 {
        font-size: 28px;
        margin-bottom: 12px;
        line-height: 34px
    }

    section.accounts {
        margin-block: 50px
    }

    section.what .panel li .headline h2 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 8px
    }

    section.what .panel li .headline p {
        font-size: 16px
    }

    section.what .panel li .item p {
        font-size: 16px
    }

    section.what .panel li .item .title {
        margin-bottom: 20px;
        gap: 20px;
        font-size: 18px
    }

    section.fakeClick .inner .textInfo h2 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 16px
    }

    section.fakeClick .inner .textInfo p {
        margin-bottom: 20px;
        font-size: 18px
    }

    section.fakeClick {
        margin-bottom: 130px
    }

    section.news h2 {
        font-size: 30px;
        margin-bottom: 6px
    }

    section.news .newsPanel .otherNews ul li .textInfo .title {
        font-size: 18px;
        margin-bottom: 10px
    }

    section.news .newsPanel .otherNews ul li .textInfo p {
        font-size: 14px
    }

    section.news .newsPanel .mainNews .textInfo h3 {
        font-size: 20px;
        margin-bottom: 8px
    }

    section.news .newsPanel .mainNews .textInfo p {
        font-size: 14px
    }

    footer .top .logo {
        margin-bottom: 0
    }

    footer .nav ul li {
        margin-bottom: 10px
    }

        footer .nav ul li:first-child {
            margin-bottom: 20px
        }

    .copyrights {
        display: block;
        font-size: 14px
    }

    header .inner .right .buttons .btn {
        margin-left: 8px;
        font-size: 14px;
        height: 52px;
    }

    .headerMenu.nav li {
        margin-right: 20px;
    }

        .headerMenu.nav li a {
            font-size: 14px;
        }


    .chartSetup > svg {
        width: 100%;
    }


        .chartSetup > svg > rect {
            width: 100%;
            height: auto;
        }


    .chartSetup .dxc-title text {
        font-size: 22px !important;
    }

    .chartSetup .dxm-title .text {
        font-size: 22px !important;
    }

    .chartSetup .dxm-title text {
        font-size: 22px !important;
    }

    .shortInfo .chartItem .chartHeader .chartBadge3 .value {
        font-size: 16px;
    }

    .wsSelector .selected {
        font-size: 18px;
    }

    .tfoCalendar2 span {
        font-size: 16px;
    }

    .shortInfo .reportInfo .item .chartTitle {
        font-size: 16px;
    }

    section h2.title {
        font-size: 22px;
        margin-bottom: 16px;
    }

    section .title {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .prodPackage .feature li {
        font-size: 14px;
    }


    .infoTable th, .infoTable td {
        font-size: 14px;
    }

    .faqQuiz {
        font-size: 16px;
    }

    .faqAnswer {
        font-size: 14px;
    }

    .faqPageTitle {
        font-size: 28px;
    }

    .faqPageSideBar > ul > li > a {
        font-size: 16px;
    }

    .prodPackage .purchaseInfo .selector .priceInfo {
        font-size: 32px;
    }



        .prodPackage .purchaseInfo .selector .priceInfo .yearly .t .discount {
            font-size: 20px;
        }

    .megaMenuWrapper {
        min-width: 1050px;
        padding-top: 42px;
    }

    .megaMenuSubTitle > i {
        width: 42px;
        height: 42px;
        padding: 12px;
    }

    .megaMenu {
        gap: 10px;
        padding: 24px;
    }

    .megaMenuSubTitle {
        font-size: 15px;
    }

    .megaMenuItem > ul > li > a {
        background-size: 20px;
        padding-left: 30px;
    }

        .megaMenuItem > ul > li > a:hover {
            padding-left: 40px;
        }


    .how-cover .inner .contentInner h1 {
        font-size: 42px;
    }

    .how-cover .inner .contentInner p {
        font-size: 18px;
    }

    .how-about {
        margin-top: 36px;
        margin-bottom: 60px;
    }

    .how-cover {
        margin-bottom: 0px;
    }

    .staticCardText > h2 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .staticCardText > p {
        font-size: 16px;
        line-height: 29px;
        margin-top: 16px;
    }

    .staticCardText > ul > li {
        font-size: 16px;
        padding-left: 34px;
    }

        .staticCardText > ul > li::before {
            width: 24px;
            height: 24px;
            background-size: 24px;
        }

    .staticCardText > ul {
        gap: 12px;
    }

    .staticCardText > a {
        font-size: 16px;
    }

    .testimonialItem > .content {
        gap: 14px;
    }

        .testimonialItem > .content > h2 {
            font-size: 22px;
        }

        .testimonialItem > .content > .text > p {
            font-size: 16px;
            line-height: 26px;
        }

        .testimonialItem > .content > .text > .name {
            font-size: 14px;
        }

    .blogSectTitle :is(h1, h2) {
        font-size: 30px;
        margin-bottom: 14px;
    }

    .statisticRow {
        margin-top: 36px;
    }

    .statisticItem > strong {
        font-size: 42px;
    }

    .statisticItem {
        gap: 18px;
        padding: 36px 32px;
    }

    .calltoActionBox > .content > .text {
        gap: 16px;
    }

        .calltoActionBox > .content > .text > strong {
        }

        .calltoActionBox > .content > .text > p {
            font-size: 16px;
            line-height: 26px;
        }

    .calltoActionBox > .content > .btns > a {
        width: 210px;
        height: 60px;
        font-size: 16px;
        gap: 14px;
    }


    .titleStyle {
        font-size: 27px;
    }

        .titleStyle > i {
            width: 48px;
        }

            .titleStyle > i > img {
                max-width: 100%;
            }

    .staticFaqItemHead > strong {
        font-size: 20px;
    }

    .staticFaqItemHead {
        padding-block: 14px;
    }

        .staticFaqItemHead > i {
            width: 32px;
            height: 32px;
        }

    .staticFaqItemContent > p {
        font-size: 16px;
        line-height: 28px;
    }

    .footerBottomMenu > ul {
        gap: 32px;
    }


        .footerBottomMenu > ul > li > a {
            font-size: 14px;
        }

    .customSelectLang {
        height: 52px;
    }

    .supportSearch {
        padding-block: 150px;
        gap: 20px;
    }

    .supportSearchTitle {
        font-size: 36px;
    }

    .supportInp {
        height: 62px;
        font-size: 16px;
    }

    .supportSearchPopular {
        font-size: 14px;
    }

    .supportCategoryItem {
        padding: 20px 32px;
        gap: 14px;
        width: calc(33.33% - 13.66px);
    }

        .supportCategoryItem > strong {
            font-size: 18px;
        }

        .supportCategoryItem > p {
            font-size: 16px;
            line-height: 24px;
        }

    .supportCategoryList {
        gap: 20px;
    }

    .supportRow {
        margin-top: 32px;
        gap: 20px;
    }

    .supportColLg {
        width: calc(100% - 360px - 20px);
    }

    .supportColSm {
        width: 360px;
    }

    .supportBox {
        padding: 30px;
        gap: 30px;
    }

    .supportBoxTitle {
        font-size: 22px;
    }

    .supportFaqItem {
        font-size: 18px;
    }

    .supportContactItem {
        font-size: 16px;
        gap: 12px;
    }

    .supportCategoryHeadCol .title > h2 {
        font-size: 28px;
    }

    .supportCategoryHeadCol .title > p {
        font-size: 16px;
    }

    .supportCategoryHeadBox > strong {
        font-size: 18px;
    }

    .supportDetailTitle > h2 {
        font-size: 32px;
    }

    .supportDetailTitle > span {
        font-size: 14px;
    }

    .supportDetailContent p {
        font-size: 16px;
    }

    .supportDetailContent > h3 {
        font-size: 22px;
    }

    .supportDetailContent > h4 {
        font-size: 18px;
    }

    .supportDetailContent > ul > li {
        font-size: 16px;
    }

    .supportDetailContent > img {
        margin-block: 22px;
    }
}

@media only screen and (max-width: 1200px) {
    section.HomeVisual .step .item {
        width: 80px;
        height: 80px
    }

    section.HomeVisual .step {
        gap: 4px
    }

    header .inner .right .buttons .btn {
        margin-left: 0;
        padding: 0;
        height: 46px;
        width: 47px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .headerMenu.nav li a {
        font-size: 14px
    }

    .logo {
        position: relative;
        display: block;
        width: 150px;
    }

        .logo > svg {
            width: 100%
        }

    section.main .inner .visual .panels .panel.fraudType {
        padding: 20px 14px 16px
    }

        section.main .inner .visual .panels .panel.fraudType .textInfo {
            margin-right: 10px
        }

    section.main .inner .visual .panels .website {
        font-size: 14px;
        padding: 14px 26px
    }

    section.main .inner .visual .panels .panel.shortInfo {
        left: -18%
    }

    section.main .inner .textInfo h1 {
        font-size: 24px;
        line-height: 40px;
        margin-bottom: 6px
    }

    section.main .inner .textInfo .buttons .btn {
        padding: 10px 16px
    }

    section.main .inner .visual .panels .panel.threat {
        left: 15%
    }


    section.accounts .container .textInfo h2 {
        font-size: 16px
    }

    section.accounts .container .logos ul > li {
        width: calc(33.33%);
        padding: 8px 16px;
    }

        section.accounts .container .logos ul > li svg {
            width: 100%;
            height: auto
        }

    section.what .panel li .item p {
        font-size: 14px
    }

    section.what .panel li .headline {
        padding: 20px
    }

        section.what .panel li .headline h2 {
            font-size: 20px;
            line-height: 28px
        }

        section.what .panel li .headline p {
            font-size: 14px
        }

    section.services h2 {
        font-size: 28px;
        line-height: 34px
    }

    section.services p.text {
        font-size: 16px
    }

    section.services .top .right .platforms {
        flex-flow: wrap;
        gap: 16px;
        justify-content: flex-start;
        margin-bottom: 40px
    }

        section.services .top .right .platforms li {
            width: calc(25% - 12px);
            padding: 10px;
            justify-content: center;
            gap: 14px;
            font-size: 14px;
            height: 160px
        }

    section.services .logos {
        flex-flow: wrap
    }

        section.services .logos li {
            flex: 1
        }

    section.services {
        margin-bottom: 60px
    }

    section.fakeClick .inner {
        padding: 42px
    }

        section.fakeClick .inner .textInfo h2 {
            font-size: 22px;
            line-height: 32px
        }

        section.fakeClick .inner .textInfo p {
            font-size: 16px
        }

        section.fakeClick .inner .textInfo .btn {
            margin-bottom: 0
        }

    section.services .logos {
        gap: 16px
    }

    footer .top .try .feature {
        font-size: 14px
    }

    footer .contact .btn {
        width: 220px;
        padding: 14px 16px;
        gap: 10px;
        font-size: 14px
    }

    footer .contact strong:first-child {
        font-size: 16px;
        margin-bottom: 16px
    }

    footer .nav ul {
    }

        footer .nav ul li a {
            font-size: 14px
        }

        footer .nav ul li:first-child a {
            font-size: 16px
        }

    footer .info .logo {
        width: 240px
    }

        footer .info .logo a > svg {
            width: 100%
        }

    footer .info .textInfo {
        margin-bottom: 60px
    }

    section.accounts .container {
        gap: 40px
    }

    footer .top .logo {
        width: 120px
    }

    footer .bottom {
        padding-inline: 0
    }

    .how-about h2 {
        font-size: 28px;
        margin-bottom: 4px
    }

    .how-about p {
        font-size: 16px;
        line-height: 28px
    }

    .howColText > p {
        font-size: 16px;
        line-height: 28px
    }

    .howColText {
        gap: 8px
    }

        .howColText > strong {
            font-size: 28px;
            line-height: 32px
        }


    .clickChartItem_body > strong {
        font-size: 24px
    }

    .clickChartItem_body > span {
        font-size: 20px
    }

    .clickChartItem {
        padding: 16px 20px;
        gap: 16px;
        min-width: 260px
    }

    .clickChartRow {
        gap: 20px
    }

    .how-cover .inner .contentInner h1 {
        font-size: 32px;
        line-height: 36px
    }

    .how-cover .inner .contentInner p {
        font-size: 16px
    }

    .clickChartTab > a {
        padding: 8px 16px
    }

    .radarBtn > strong {
        font-size: 14px;
    }

    .radarBtn > span {
        font-size: 12px;
    }

    .monitorYourAdsImg {
        width: 320px;
    }

        .monitorYourAdsImg > img {
            max-width: 100%;
        }

    .monitorFraudType {
        width: 290px;
    }

    .wb.accountBox .formDefault {
        flex-direction: column;
    }

    section.accounts .container .logos ul > li > a {
        width: 100%;
        height: auto;
    }

    .blogItem {
        /* width: calc(33.33% - 13.33px); */
    }

    .megaMenuWrapper {
        min-width: 770px;
    }

    .megaMenuItem > ul > li > a {
        font-size: 12px !important;
    }

    .megaMenu {
        padding: 20px;
    }

    footer .nav {
        gap: 40px;
    }

    div#connectForm {
    }

    .connectForm {
        width: 50%;
    }

    .suppoertConnectContent {
        width: calc(100% - 50% - 32px);
    }

    .inpDefault {
        height: 54px;
        font-size: 16px;
    }

    .inpTextarea {
        height: 90px;
        !i;
        !;
    }

    .supportTitle > h2 {
        font-size: 28px;
    }

    .supportTitle > p {
        font-size: 16px;
        line-height: 27px;
    }

    .supportTitle {
        gap: 2px;
    }

    .connectForm .submitDefault {
        height: 60px;
        width: 300px;
        font-size: 16px;
    }

    .supportFormHead {
        margin-bottom: 10px;
    }

    .connectItem_title {
        gap: 4px;
        width: calc(100% - 72px - 24px);
    }

        .connectItem_title > p {
            font-size: 16px;
            line-height: 24px;
        }

    .connectItem {
        gap: 24px;
    }

        .connectItem > i {
            width: 72px;
            height: 72px;
        }

    .contactPageHead_text > strong {
        font-size: 40px;
    }

    .contactPageHead_text > :is(h1,p) {
        font-size: 16px;
    }

    .contactPageHead_text > ul > li > i {
        width: 24px;
        height: 24px;
    }

    .trackingBoxTitle > span {
        font-size: 16px;
        width: 28px;
        height: 28px;
    }

    .trackingBoxTitle {
        gap: 10px;
    }

        .trackingBoxTitle > strong {
            font-size: 18px;
        }

    .trackingBoxText > p {
        font-size: 14px;
        line-height: 24px;
    }

    .trackingBtn {
        font-size: 14px;
        height: 44px;
    }

    .trackingcode .tcObj {
        font-size: 14px;
        height: 270px;
    }

    .accountNav > ul > li > a {
        font-size: 14px;
        padding: 10px 8px;
    }

    .accountNav > strong {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .trackingTitle > h2 {
        font-size: 20px;
        line-height: 24px;
    }

    .submitDefault {
        height: 54px;
    }

    .supportHeader .inner .right .buttons .btn {
        width: auto;
        height: 54px;
        margin-left: 10px;
    }

    .supportDetailTitle > h2 {
        font-size: 28px;
    }

    .questionEmoji {
        padding: 20px;
        gap: 20px;
    }
}

@media only screen and (max-width:1100px) {

    .monitorFraudType {
        left: -110px;
        padding: 19px 12px;
        bottom: -110px;
    }

    .wsFeature .item {
        font-size: 14px;
        white-space: nowrap;
        margin-right: 6px;
        padding-right: 6px;
    }

    .wsSelector .infoTags {
        height: auto;
    }

        .wsSelector .infoTags .item {
            font-size: 12px;
        }

    .websiteInfo {
    }

    .tfoCalendar {
        font-size: 14px;
        padding: 14px;
    }

        .tfoCalendar i {
            font-size: 32px;
            margin-right: 14px;
        }

            .tfoCalendar i:last-child {
                padding-left: 14px;
                font-size: 32px;
            }

    .headerMenu.nav li:last-child {
        margin-right: 0px;
    }

    .headerMenu.nav li {
        margin-right: 16px;
    }


    header .inner .right .buttons .btn > span {
        display: none;
    }

    header .inner .right .buttons .btn svg {
        margin-right: 0px;
        width: 20px;
        height: 20px;
    }

    header .inner .right .buttons .btn > a {
        width: 100%;
    }

    header .inner .right .buttons .btn.btnPanel {
        margin-right: 6px;
    }

    .headerMenu.nav {
        margin-right: 20px;
    }

    section .title {
        font-size: 16px;
    }

    .reportPanel .item > span {
        display: block;
        font-size: 14px;
        text-align: center;
    }

    .reportPanel .item > strong {
        font-size: 18px;
    }

    .progressbar .item .title {
        font-size: 12px;
    }

    .progressbar .item .line .percent {
        font-size: 12px;
    }

    .progressbar .item .line .bar {
        height: 14px;
    }

    .progressbar .item .dline .bar {
        height: 8px;
    }

    .tfoCalendar2 span {
        white-space: nowrap;
    }

    section.report .wb {
        flex-direction: column;
    }

    .shortInfo .reportInfo .item {
        width: 100%;
    }

    .shortInfo .reportInfo {
        flex-direction: column;
        gap: 32px;
    }

    .pageTabContainer .dxc-title text {
        font-size: 22px !important;
    }

    header .inner .right .buttons {
        gap: 10px;
    }


    .prodPackage .purchaseInfo .selector ul li label .val {
        /* font-size: 26px; */
    }

    .prodPackage .purchaseInfo .selector .priceInfo {
        /* font-size: 52px; */
    }

    .contactPageHead_text > strong {
        font-size: 36px;
    }

    .sectTitle > h2 {
        font-size: 32px;
    }

    .contactPageConnectImg {
    }

    .contactPageConnectImg {
        width: 500px;
        padding: 10px;
    }

    .connectRow {
    }

    .connectItem {
    }

    .contactReviewSect_title {
        font-size: 28px;
    }

    .defaultPage h1 {
        font-size: 28px;
        margin-bottom: 22px;
    }

    .defaultPage h2 {
        font-size: 18px;
    }

    .defaultPage p {
        font-size: 14px;
    }

    section p.text {
        font-size: 14px;
        line-height: 22px;
    }

    .paymentInfoItem {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .btnDefaultOutline {
        font-size: 14px;
        padding: 8px 20px;
    }

    .prodPackage .purchaseInfo .selector ul li {
        height: 70px;
    }

    .statisticRow {
        gap: 16px;
    }

    .statisticItem {
        width: calc(25% - 12px);
        padding: 30px 20px;
        gap: 16px;
    }

        .statisticItem > p {
            .prodPackage .purchaseInfo .selector ul li font-size: 14px;
            line-height: 22px;
        }

        .statisticItem > strong {
            font-size: 32px;
        }

    .calltoActionBox > .content {
        padding: 32px;
    }

        .calltoActionBox > .content > .text > strong {
            font-size: 28px;
        }

        .calltoActionBox > .content > .text {
            gap: 10px;
        }

            .calltoActionBox > .content > .text > p {
                font-size: 14px;
                line-height: 24px;
            }

        .calltoActionBox > .content > .btns > a {
            font-size: 14px;
            width: 200px;
            height: 50px;
            gap: 10px;
        }

    .titleStyle {
        font-size: 24px;
    }

    .staticFaqSect {
        margin-block: 36px;
    }

    .staticFaqItemHead > strong {
        font-size: 18px;
    }

    .customSelectLang {
        height: 46px;
        margin-right: 10px;
    }

    .breadCrumb ul {
        gap: 12px;
    }

        .breadCrumb ul > li, .breadCrumb ul > li > a {
            font-size: 12px;
        }

            .breadCrumb ul > li::after {
                left: -9px;
            }
}


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

    .container {
        box-sizing: border-box;
        width: 100%;
        margin: auto;
    }

    section {
        padding: 10px;
        margin-inline: 0px !important;
    }

    .header {
        padding: 0 10px;
    }

    header .side {
        justify-content: center;
    }

        header .side .top {
            width: 200px;
            flex-wrap: wrap;
            justify-content: flex-end
        }

            header .side .top .btnAddDomain {
                order: 3;
                margin-top: 10px;
            }

        header .side .btnMobileNav {
            display: block;
        }

        header .side .memberInfo .user span {
            display: none;
        }

        header .side ul.nav {
            display: none;
            position: fixed;
            z-index: 9;
            width: fit-content;
            height: 100%;
            background: #fff;
            top: 111px;
            right: 0;
            padding: 20px 40px;
            box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
        }

    /***/

    .prodPackage {
        flex-direction: column-reverse;
    }

        .prodPackage .textInfo, .prodPackage .purchaseInfo {
            width: 100%;
        }

        .prodPackage .purchaseInfo {
            padding: 0;
            margin-bottom: 20px;
        }

    /**/
    .stepContainer .wb {
        padding: 10px;
    }

    .stepContainer .trackingcode .tcObj {
        width: 100%;
    }

    section.membership .formPanel {
        width: 100%;
    }

    section.membership .formPanel {
        width: 100%;
    }

    /***/

    section.projectTop .row {
        flex-direction: column-reverse;
    }

        section.projectTop .row .l {
            width: 100%;
            margin: 0;
        }

        section.projectTop .row .r {
            width: 100%;
            margin: 0 0 20px 0;
        }

    .websiteInfo {
        flex-direction: column;
    }

        .websiteInfo .wsStatus {
            width: 100%;
            margin-bottom: 0;
        }

        .websiteInfo .wsSaving {
            width: 100%;
        }


    .container {
        box-sizing: border-box;
        width: 100%;
        margin: auto
    }

    header .inner .right {
        position: fixed;
        width: 100%;
        height: 100vh;
        z-index: 10;
        background: #fff1e9;
        right: -100%;
        top: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 16px;
        padding: 16px;
        transition: all ease-in-out .5s
    }

    section.main .inner {
        flex-direction: column
    }

        section.main .inner .textInfo {
            width: 100%;
            margin-bottom: 0
        }

        section.main .inner .visual {
            width: 100%;
            margin-top: 130px
        }

            section.main .inner .visual .panels .panel.fraudType {
                right: 0;
                top: -80px
            }

            section.main .inner .visual .panels .panel.shortInfo {
                left: -10px;
                padding: 10px;
                top: 28%;
            }

    section.main {
        margin-block: 10px
    }

    section.accounts {
        margin-top: 100px;
        margin-bottom: 30px;
    }

        section.accounts .container .textInfo {
            width: 100%
        }

        section.accounts .container {
            flex-direction: column;
            gap: 16px
        }

            section.accounts .container .logos {
                width: 100%
            }

    section.trafic .visual .chart1 {
        right: 20px
    }

    section.trafic .visual .chart2 {
        left: 10px
    }

    section.trafic .visual .chart3 {
        right: 20px
    }

    section.services .top {
        flex-direction: column;
        gap: 32px
    }

        section.services .top .left {
            width: 100%;
            height: auto;
            padding-block: 16px
        }

        section.services .top .right {
            width: 100%
        }

    section.fakeClick .inner {
        padding: 26px;
        flex-flow: wrap
    }

    section.fakeClick {
        margin-bottom: 62px
    }

    section.news .newsPanel {
        flex-direction: column;
        gap: 20px
    }

        section.news .newsPanel .mainNews {
            flex-shrink: inherit;
            width: 100%
        }

            section.news .newsPanel .mainNews .textInfo {
                position: relative;
                width: 100%;
                inset: inherit;
                margin-top: -50px;
                padding: 20px;
            }

            section.news .newsPanel .mainNews .visual {
                height: 340px
            }

        section.news .newsPanel .otherNews {
            width: 100%
        }

    footer .inner {
        flex-direction: column;
        align-items: center
    }

        footer .inner .info {
            position: relative;
            display: flex;
            width: 100%;
            flex-direction: column;
            align-items: center;
            margin-bottom: 36px
        }

    footer .info .textInfo {
        text-align: center
    }

    footer .info .logo {
        margin: auto;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    footer .nav {
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 26px
    }

    section.main .inner .visual .panels .panel.threat {
        left: 0;
        bottom: -25%
    }

    section.main .inner .visual .panels .website {
        font-size: 12px;
        padding: 12px 16px;
        top: 70px;
    }

    section.main .inner .visual .panels .panel.shortInfo .item:last-child {
        margin-bottom: 0
    }

    section.main .inner .visual .panels {
        justify-content: flex-end;
        padding-right: 9px
    }

    section.trafic h2 {
        font-size: 22px
    }

    section.trafic p.text {
        font-size: 14px;
        padding-inline: 10px
    }

    section.trafic .visual {
        height: auto;
        background: 0 0 !important
    }

        section.trafic .visual .chartItem {
            inset: auto !important;
            position: relative;
            width: 100%;
            margin-block: 16px
        }

        section.trafic .visual .signs {
            display: none
        }

        section.trafic .visual:before {
            background: 0 0 !important
        }

    section.trafic {
        margin-bottom: 40px
    }

    section.what .panel li {
        width: 100%
    }

    section.what .panel {
        flex-direction: column;
        gap: 12px;
        margin-bottom: 12px
    }

    section.services h2 {
        font-size: 22px;
        margin-bottom: 10px
    }

    section.services p.text {
        font-size: 14px
    }

    section.services .top .right .platforms li {
        width: calc(50% - 8px)
    }

    section.fakeClick .inner .textInfo {
        width: 100%
    }

    section.fakeClick .inner .visual {
        width: 100%;
        margin-top: 18px
    }

        section.fakeClick .inner .visual .visualInner {
            position: relative
        }

    section.fakeClick .inner .textInfo h2 {
        font-size: 20px
    }

    section.what {
        margin-bottom: 60px
    }

    section.news h2 {
        font-size: 22px
    }

    section.news p.text {
        font-size: 14px
    }

    footer {
        margin-top: 90px
    }

        footer .top .try {
            position: relative;
            width: 100%
        }

            footer .top .try .freetry {
                width: 100%
            }

            footer .top .try .feature {
                color: #fff;
                filter: brightness(0) invert(1)
            }

        footer .nav ul {
            width: auto;
            margin: 0
        }

            footer .nav ul li:first-child {
                margin-bottom: 4px
            }

        footer .contact {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-top: 16px
        }

            footer .contact .btn {
                width: 100%;
                justify-content: center
            }

        footer .bottom .container {
            flex-direction: column-reverse;
            gap: 16px
        }

    .header {
        padding: 16px 14px;
        height: auto;
    }

    .menuBtn {
        display: flex;
        position: relative;
        width: 40px;
        height: auto;
        flex-direction: column;
        gap: 8px;
        z-index: 11
    }

        .menuBtn > span {
            position: relative;
            display: block;
            width: 100%;
            height: 4px;
            background: #1d2840;
            border-radius: 3px;
            top: 0;
            left: 0;
            transform: rotate(0);
            transition: .3s all ease
        }

    .topMenuOpen .menuBtn > span:first-child {
        transform: rotate(-46deg);
        top: 12px
    }

    .topMenuOpen .menuBtn > span:last-child {
        transform: rotate(46deg);
        top: -12px
    }

    .topMenuOpen .menuBtn > span:nth-child(2n) {
        opacity: 0
    }

    .headerMenu.nav {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0;
        width: 100%;
        margin-right: 0px;
    }

        .headerMenu.nav li {
            margin-right: 0;
            width: 100%
        }

    header .inner .right .buttons {
        width: 100%;
        flex-direction: column;
        gap: 4px
    }

        header .inner .right .buttons .btn {
            width: 100%;
            justify-content: center;
            margin-left: 0
        }

    .headerMenu.nav li a {
        font-size: 16px;
        display: block;
        text-align: center;
        padding-block: 14px;
        border-bottom: solid 2px rgb(0 0 0 / 12%)
    }

    .topMenuOpen header .inner .right {
        right: 0
    }

    .topMenuOpen {
        overflow-y: hidden
    }

    .headerMenu.nav li:last-child a {
        border: none
    }

    .clickChartRow {
        flex-direction: column;
        width: 100%
    }

    .clickChartCol {
        width: 100%
    }

    .clickChartItem {
        min-width: max-content
    }

    .howCol {
        flex-direction: column;
        width: 100%
    }

    .howColText {
        width: 100%
    }

    .howColImg {
        width: 100%;
        justify-content: center !important
    }

    .howCol:nth-child(even) {
        flex-direction: revert-layer
    }

    .howRow {
        gap: 64px
    }

    section .inner {
        flex-direction: column;
    }

    section.services .logos li {
        flex: auto;
    }


    .identifyUsersCard1 {
        width: 100%;
    }

    .identifyUsersCard2 {
        width: 100%;
    }


    .radarBtn.radarBtn1 {
        left: calc(50% - 13px);
        transform: translateX(-50%);
    }

    .howColImg {
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .radarBtn.radarBtn2 {
        left: 290px;
        top: 105px;
    }

    .radarBtn.radarBtn3 {
        left: 285px;
    }

    .userBehavioursImg {
        margin-bottom: 30px;
    }

        .userBehavioursImg > img {
            width: auto;
        }

    .howCol.userBehavioursSect {
        gap: 170px;
    }

    .monitorYourAds {
        width: 100%;
    }

    .monitorFraudType {
        left: 10px;
    }


    section.reportInfoPanel .item {
        width: 100%;
    }

    header .inner .right .buttons .btn > span {
        display: block;
        margin-left: 8px;
    }

    .tfoCalendar {
        width: 100%;
    }

    section .inner .content {
        width: 100%;
    }

    section .inner .side {
        width: 100%;
        margin-top: 50px;
        display: flex;
        flex-direction: column;
    }

        section .inner .side br {
            display: none;
        }

    section.AnalyticsReportContainer .inner {
        margin-top: 0px;
    }

    .logo {
        width: 170px;
    }

    section.reportInfoPanel .inner {
        gap: 32px;
    }

    section.projectTop .row {
        margin-inline: 0px;
    }

    section.AnalyticsReportContainer .inner {
        margin-inline: 0px;
    }

    .websiteInfo {
        width: 100%;
    }

        .websiteInfo .wsInfo {
            position: relative;
            width: 100%;
            display: block;
        }

    section.reportInfoPanel .inner {
        margin-inline: 0px;
    }

    .pageTabContainer .dxc-title text {
        font-size: 22px !important;
    }

    section.membership {
        width: 95%;
        max-width: 95%;
        margin: auto !important;
        margin-top: 40px !important;
    }

        section.membership .textInfo h1 {
            font-size: 24px;
            line-height: 32px;
        }

    .contactPageHead_img {
        display: none;
    }

    .contactPageHead_text {
        width: 100%;
        padding-block: 32px;
    }

    .contactPageSect1 {
        height: auto;
    }

    .contactPageHead_text > strong {
        font-size: 32px;
    }

    .defaultBtn.try {
        font-size: 14px;
    }

    .contactPageHead_text > p {
        display: block;
        font-size: 14px;
    }

    .contactPageConnectImg {
        width: 360px;
        height: 360px;
        align-items: center;
    }

    .connectRow {
        width: 100%;
    }

    .contactReviewSect_item {
        width: calc(33.33% - 11px);
    }

    .contactReviewSect_row {
        justify-content: center;
    }

    .sectTitle > h2 {
        font-size: 28px;
    }

    section.main .inner .textInfo .buttons .btn {
        font-size: 12px;
        margin-right: 4px;
    }

    .accountRow {
        flex-direction: column;
    }

    .accountContent {
        width: 100%;
    }

    .accountNav {
        width: 100%;
    }

    .blogItem {
        width: calc(50% - 10px);
    }

    .blogRow {
        flex-direction: column;
    }

        .blogRow .blogList {
            width: 100%;
        }

    .blogSidebar {
        width: 100%;
    }

    .filterTitle {
        font-size: 46px;
    }


    .language {
        width: 100%;
    }

        .language > .selected {
            width: 100%;
        }

    .faqPageRow {
        flex-direction: column;
    }

    .faqPageSideBar {
        width: 100%;
    }

    .faqPageContent {
        width: 100%;
    }

    .blogHome .blogItem {
        width: 100%;
    }


    .aboutPage ul > li {
        width: 100%;
    }

    .pageTabContainer {
        flex-direction: column;
    }

    section.page {
        /* margin: 0px; */
        /* padding: 0px; */
    }

    .megaMenuWrapper {
        position: relative;
        min-width: 100%;
        padding-top: 0px;
        left: 0px;
        transform: translate(0);
        width: 100%;
        opacity: 1;
        visibility: visible;
        top: 0;
        transition: inherit !important;
    }

    .megaMenu {
        flex-direction: column;
        gap: 6px;
    }

    .megaMenuItem {
        width: 100%;
    }

        .megaMenuItem > ul {
            display: none;
        }

            .megaMenuItem > ul > li > a {
                text-align: left !important;
                border-radius: 0px !important;
            }

    .megaMenuSubTitle > i {
        width: 32px;
        height: 32px;
        padding: 8px;
    }

    header .inner .right > ul.nav > li.open:after {
        content: "";
        background-image: url(../img/icon/menu-arrow.svg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 14px;
        height: 8px;
        position: absolute;
        top: 22px;
        right: 6px;
    }

    .how-about {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .staticCardCol {
        flex-direction: column;
        gap: 16px;
        align-items: flex-start;
    }

    .staticCardText {
        width: 100%;
    }

    .staticCardBg {
        width: 360px;
    }

        .staticCardBg > img {
            height: auto;
        }

    .testimonialItem {
        gap: 20px;
        padding: 32px;
        flex-direction: column;
        align-items: center;
    }

        .testimonialItem > .content {
            width: 100%;
            align-items: center;
            text-align: center;
        }

    .testimonialSlide .owl-dots {
        position: relative;
        bottom: auto;
        right: auto;
        justify-content: center;
        margin-top: 14px;
        gap: 4px;
    }

    .testimonialSlide .owl-dot {
        background: #fff !important;
    }

    .statisticItem {
        width: calc(50% - 8px);
    }

    .calltoActionBox {
        align-items: flex-end;
    }

    .staticCardCol:nth-child(even) {
        flex-direction: column;
    }

    .staticCardText > h2 {
        margin-bottom: 10px;
    }

    .staticCardText > p {
        margin-top: 10px;
    }

    .staticCard > .container {
        gap: 50px;
    }

    .megaMenuSubTitle > i {
        width: 36px;
        height: 36px;
        padding: 9px;
    }

    .megaMenuSubTitle {
        font-size: 14px;
        background-image: url(../img/icon/menu-arrow.svg);
        background-repeat: no-repeat;
        background-position: right center;
    }

    .contactSupportList > li {
        width: 100%;
        gap: 0px;
    }

    .contactPageSupport :is(.supportTitle, .contactSupportList) {
        width: 100%;
        gap: 20px;
    }

    .suppoertConnectContent {
        width: 100%;
    }

    .connectForm {
        width: 100%;
    }

    .trackingBoxHead {
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        padding-bottom: 10px;
    }

    .trackingBoxTitle {
        width: 100%;
    }

    .trackingBoxBtns {
        flex-direction: column;
        width: 100%;
        gap: 8px;
    }

    .trackingBtn {
        width: 100%;
        padding: 10px;
        justify-content: center;
    }

    .trackingcode {
        margin-top: 16px;
    }

    .trackingBox {
        padding: 24px;
    }

    .pricesHead {
        gap: 14px;
        flex-flow: wrap;
    }

    .couponCode {
        width: 100%;
        margin-bottom: 30px;
    }

    .couponCodeInput {
        width: 100%;
        max-width: 100%;
        font-size: 14px;
    }

    .switchPricesCol {
        width: 50%;
    }

    .currencySelect {
        width: auto;
    }

    .pageTabPurchasePlan {
        flex-flow: wrap;
        gap: 16px;
    }

    .customSelectLang {
        margin-right: 0px;
        width: 90px;
    }

    .richTextTitle {
        font-size: 18px;
        line-height: 22px;
    }

    .richTextContent > p {
    }

    .richTextFlexCol {
        flex-direction: column;
    }

        .richTextFlexCol .richTextContent {
            width: 100%;
        }

        .richTextFlexCol .richTextImg {
            width: 100%;
        }


    .supportSearchForm {
        width: 100%;
    }

    .supportSearch {
        padding-block: 100px;
        width: 100%;
    }

    .supportSearchTitle {
        font-size: 28px;
    }

    .supportInp {
        padding: 6px 54px;
    }

    .supportCategoryItem {
        width: 100%;
    }

    .supportColLg {
        width: 100%;
    }

    .supportColSm {
        width: 100%;
    }


    .supportDetail {
        margin-top: 20px;
    }

    .supportDetailTitle > h2 {
        font-size: 24px;
    }

    .supportDetailContent p {
        font-size: 14px;
        line-height: 24px;
        margin-block: 10px;
    }

    .richTextImg > img {
        height: auto;
    }


    .pricesBadgeSticy {
        top: auto;
        right: auto !important;
        left: 20px;
        border-radius: 16px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        flex-direction: row-reverse;
        font-size: 14px;
        padding: 8px 14px;
        bottom: 0px !important;
    }

        .pricesBadgeSticy > span {
            transform: rotate(0deg);
            writing-mode: initial;
        }

        .pricesBadgeSticy > strong {
            writing-mode: initial;
        }

    .pricesBadgeCmp {
        right: initial;
        left: 20px !important;
        top: auto !important;
        bottom: -180px;
        border-radius: 24px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        width: 214px;
    }

        .pricesBadgeCmp::before {
            border-radius: 24px;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
        }

    .pricesBadgeCmpClose {
        right: auto;
        left: 0px;
    }

    .pricesBadgeCmp.open {
        bottom: 0px;
    }

    @keyframes swingSticky {
        0% {
            transform: rotate(0deg);
        }

        50% {
            transform: rotate(-15deg);
        }

        100% {
            transform: rotate(0deg);
        }
    }

    .pricesBadgeTitle {
        font-size: 24px;
    }

    .priceInfoArea.selector .tooltip-custom .tooltip-text {
        right: -50% !important;
        width: 170px !important;
        font-size: 11px !important;
        padding: 8px;
    }
}


@media only screen and (max-width:600px) {

    .prodPackage .purchaseInfo .selector ul {
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 10px;
    }

        .prodPackage .purchaseInfo .selector ul li {
            width: calc(50% - 5px);
            height: 70px;
            margin: 0 0 10px 0;
            padding-right: 10px;
        }

    .prodPackage .purchaseInfo .selector .priceInfo {
        padding: 0;
        margin-bottom: 10px;
    }

    .prodPackage .df .dfItem {
        width: 100%;
    }

    .prodPackage .feature2 li {
        width: 100%;
    }

    /**/

    .prices {
        flex-direction: column;
    }

        .prices .item {
            width: 100%;
            margin-bottom: 10px;
            padding: 20px;
        }

            .prices .item:last-child {
                padding-top: 80px;
            }
    /**/

    .rules .ruleLine {
        flex-wrap: wrap;
        padding: 16px;
    }

        .rules .ruleLine .inp {
            margin-bottom: 6px;
            width: 100%;
            margin-left: 0px;
        }

        .rules .ruleLine .remove {
            width: 100%;
            margin-top: 10px;
        }

            .rules .ruleLine .remove button {
                width: 100%;
                margin: auto;
            }



    /*****/
    .websiteInfo .wsStatus {
        align-items: flex-start;
        flex-direction: column;
        gap: 14px;
    }

    .websiteInfo .status {
        margin-right: 10px;
    }

    .websiteInfo .wsSelector {
        flex-direction: column;
        width: 100%;
    }

        .websiteInfo .wsSelector .selected {
            justify-content: space-between;
            width: 100%;
            margin-bottom: 10px;
            margin-right: 0;
        }

        .websiteInfo .wsSelector .list {
            box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
            border: 1px solid #f0f0f0;
        }


        .websiteInfo .wsSelector .infoTags {
            flex-wrap: wrap;
            height: auto;
            width: 100%;
        }

            .websiteInfo .wsSelector .infoTags .item {
                width: 100%;
                margin: 0 0 10px 0;
            }

    .websiteInfo .wsFeature {
        flex-direction: column;
        background-color: transparent;
        margin: 0;
        padding: 0;
    }

        .websiteInfo .wsFeature .item {
            background-color: #f7f7f7;
            border-radius: 10px;
            width: 100%;
            margin-bottom: 5px;
            margin-right: 0;
            padding: 10px;
            border: none
        }

    .modalInner {
        width: 100% !important;
    }

    .how-cover .inner .contentInner {
        flex-direction: column
    }

    .how-cover .inner {
        height: auto;
        padding: 32px 10px;
        padding-top:;
    }

    .textInfo {
        position: relative;
        display: block;
        width: 100%
    }

    .clickChart {
        width: 100%;
        margin-top: 40px
    }

    .how-about h2 {
        line-height: 32px;
        font-size: 24px;
    }

    .how-about {
        margin-top: 0px;
        margin-bottom: 0;
    }

    .how-cover {
        margin-bottom: 22px;
        padding-top: 0px;
    }

    footer .contact strong:first-child {
        width: 100%;
        text-align: center
    }

    .mobileapps {
        display: flex;
    }

        .mobileapps > a {
            display: flex;
        }

            .mobileapps > a > svg {
                display: block;
                width: 100%;
            }


    .clickChartTab > a {
        line-height: 20px;
        text-align: center;
        width: 50%;
    }

    .mappingConnectBox {
        position: relative;
        bottom: auto;
        right: auto;
        left: auto;
        width: 100%;
        box-sizing: border-box;
        margin-top: 16px;
        padding: 20px;
    }

    .mappingConnectBg {
        width: 100%;
    }

        .mappingConnectBg > img {
            width: 100%;
        }

    .howColText > strong {
        font-size: 22px;
    }

    .howColText > p {
        font-size: 14px;
        line-height: 24px;
    }


    .radarBtn > strong {
        white-space: nowrap;
        font-size: 12px;
    }

    .radarBtn.radarBtn2 {
        left: 130px;
        top: 100px;
    }

    .radarBtn {
        padding: 12px;
    }

        .radarBtn.radarBtn3 {
            left: 135px;
        }

        .radarBtn.radarBtn1 {
            top: -65px;
        }

        .radarBtn > strong {
            font-size: 10px;
        }

        .radarBtn > span {
            font-size: 9px;
        }

        .radarBtn.radarBtn3:before {
            left: 70px;
        }

    .radar-meta {
        left: auto;
        right: -10px;
        bottom: 100px;
        width: 90px;
    }

    .radar-google {
        left: auto;
        right: 0px;
        bottom: 50px;
        width: 90px;
    }

    .radar-meta > img {
        max-width: 100%;
    }

    .radar-google > img {
        max-width: 100%;
    }

    .howColImg {
        flex-direction: column;
    }

    .userBehavioursImg {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        display: flex;
    }

        .userBehavioursImg > img {
            width: 100%;
        }

    .howCol.userBehavioursSect {
        gap: 12px;
        margin-top: 0px;
    }

    .howRow {
        gap: 0px;
    }

    .howCol {
        gap: 16px;
    }

    .howListSect {
        margin-bottom: 0;
    }

    table.userBehaviours-table > thead {
        font-size: 12px;
    }

    table.userBehaviours-table .behavior {
        flex-direction: column;
        font-size: 12px;
        gap: 8px;
    }

    .visitor-device {
        display: flex;
        width: 70px;
    }

        .visitor-device > img {
            max-width: 100%;
        }

    table.userBehaviours-table .analyze-btn {
        width: 58px;
        font-size: 10px;
    }

    table.userBehaviours-table > tbody :is(th,td) {
        padding-inline: 12px;
    }

    table.userBehaviours-table > thead th {
        text-align: center;
    }

    table.monitorYourAdsTable .lines .line1 {
        width: 50px;
        height: 14px;
    }

    table.monitorYourAdsTable .dateCol {
        font-size: 10px;
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    table.monitorYourAdsTable .lines .line2 {
        width: 14px;
        height: 14px;
    }

    table.monitorYourAdsTable > thead > tr > th {
        padding: 13px 10px;
    }

    table.monitorYourAdsTable > tbody > tr :is(th,td) {
        padding: 10px;
    }

    table.monitorYourAdsTable .level {
        gap: 4px;
        font-size: 10px;
    }

    .monitorYourAdsImg {
        width: 200px;
        bottom: 180px;
    }

        .monitorYourAdsImg > img {
            max-width: 100%;
            width: 100%;
        }


    .monitorYourAdsSect .howColImg {
        margin-top: 30px;
        margin-bottom: 0px;
    }

    .monitorFraudType {
        position: relative;
        left: 0px;
        bottom: auto;
        margin-top: 80px;
        width: 100%;
    }

    .chartSetup .dxc-title text {
        font-size: 16px !important;
    }

    .reportPanel {
        flex-flow: wrap;
        gap: 16px;
    }

        .reportPanel .item {
            width: calc(50% - 8px);
            margin: 0px;
        }


    .daterangepicker {
        width: calc(100% - 62px) !important;
    }

        .daterangepicker .drp-calendar {
            max-width: 100% !important;
        }

    section.report {
        margin-inline: 0;
    }

    .dx-toolbar-after, .dx-toolbar-before, .dx-toolbar-center {
        display: block !important;
    }

    .dx-toolbar-after, .dx-toolbar-before {
        position: relative !important;
        padding: 0px !important;
    }

    .dx-toolbar .dx-toolbar-items-container {
        height: auto !important;
    }

    .dx-datagrid-search-panel {
        margin-left: 0px !important;
    }

    section.projectTop2 .wbr {
        display: inline-block;
    }

    .tfoCalendar2 {
        width: 100%;
    }

    .daterangepicker {
        width: calc(100% - 20px) !important;
    }

    .gridDataModal .gridContainer {
        flex-direction: column;
    }

        .gridDataModal .gridContainer .gridDataPanel {
            width: 100%;
            height: auto;
        }

        .gridDataModal .gridContainer .mapArea {
            width: 100%;
        }

            .gridDataModal .gridContainer .mapArea #gridDataModalMap {
                height: 320px !important;
            }

        .gridDataModal .gridContainer .gridDataList .line {
            flex-direction: column;
            align-items: flex-start;
            padding: 10px 0px;
        }

            .gridDataModal .gridContainer .gridDataList .line .title {
                margin-right: 0px;
            }

        .gridDataModal .gridContainer .gridDataList {
            margin-bottom: 16px;
            width: 100%;
        }

    .pageTabs ul {
        flex-flow: wrap;
        row-gap: 14px;
    }

        .pageTabs ul li {
            margin-right: 10px;
            padding-right: 10px;
            border-right: solid 1px #ccc;
            width: calc(33.33% - 10px);
            text-align: center;
            min-height: 56px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .pageTabs ul li a {
                padding-block: 4px;
                border-bottom: 3px solid #fff;
                font-size: 14px;
                min-height: inherit;
                display: flex;
                align-items: center;
            }

            .pageTabs ul li:last-child {
                border: none;
            }

    .gridDataModal .gridContainer .location .info span:first-child {
        font-size: 16px;
        margin-bottom: 4px;
    }

    .gridDataModal .gridContainer .location .flag {
        margin-right: 10px;
        width: 36px;
        height: 36px;
    }

    .gridDataModal .gridContainer .location .info span {
        font-size: 14px;
    }

    .gridDataModal .gridContainer .gridDataList .pageTabs li {
        padding-right: 0px;
    }

        .gridDataModal .gridContainer .gridDataList .pageTabs li a {
            padding: 6px 16px;
        }

    .gridDataModal .title {
        font-size: 18px;
    }

    .grid-row #grid-data-events-devices {
        width: 100%;
        margin-bottom: 16px;
    }

    .deviceList {
        width: 100%;
    }

    .grid-row {
        flex-direction: column;
    }

    .pageTabContainer {
        width: 100%;
    }

    .rules .ruleLine .text {
        display: block;
        width: 100%;
        padding-left: 0px;
    }

    .rules .ruleLine .inp input {
        width: 100%;
    }

    .rules .ruleLine .inp select {
        width: 100%;
    }

    .ruleAct {
        max-width: 100%;
        flex-direction: column;
        gap: 10px;
    }

        .ruleAct .btn {
            width: 100%;
            text-align: center;
        }

    section .title {
        margin-bottom: 10px;
    }

    .switchRules .btnSwitch {
        margin-top: 0px;
    }

    section.membership .textInfo h1 {
        font-size: 20px;
    }

    section.membership .textInfo p {
        font-size: 16px;
        line-height: 22px;
    }

    section.membership .formPanel {
        margin: 20px auto;
    }

        section.membership .formPanel .submit {
            font-size: 14px;
        }

        section.membership .formPanel input {
            font-size: 14px;
            margin-bottom: 12px;
        }

    .prodPackage .purchaseInfo .selector .priceInfo {
        /* font-size: 42px; */
        font-size: 24px;
    }

    section .btn-std {
        font-size: 14px;
        height: 42px;
    }

    section h2.title {
        font-size: 20px;
    }

    .blogSectTitle p.text {
        font-size: 14px;
    }

    .stepContainer .wb {
        padding: 20px;
    }

    .mfArea .item label {
        font-size: 16px;
    }

    .mfArea .item input, .mfArea .item textarea {
        font-size: 14px;
    }

    .mfArea .submit {
        font-size: 14px;
    }


    .stepContainer .pageTabs > ul {
        width: 100% !important;
    }

        .stepContainer .pageTabs > ul > li {
            width: calc(50% - 6px);
        }


    .contactPageHead_text {
        width: 100%;
    }

    .contactPageHead_img {
        width: 100%;
        height: 300px;
        overflow: hidden;
    }

    .contactPageHead_text > ul {
        width: 100%;
    }

    .defaultBtn.try {
        width: 100%;
    }

    .connectRow {
        width: 100%;
    }

    .connectItem {
        padding-block: 4px;
        width: 100%;
    }

    .contactPageConnectImg {
        width: 100%;
    }

    .contactPageHead_text > strong {
        font-size: 28px;
    }

    .contactPageHead_text > ul > li > i {
        width: 20px;
    }

    .sectTitle {
        margin-bottom: 16px;
    }

        .sectTitle > h2 {
            font-size: 22px;
        }

    .contactReviewSect_title {
        flex-direction: column;
        gap: 0px;
        font-size: 22px;
    }

    .contactReviewSect {
        margin-top: 0px;
    }

    .contactReviewSect_item {
        width: calc(50% - 10px);
    }

    .contactPageConnectRow {
    }

    .defaultPage h1 {
        font-size: 22px;
        margin-bottom: 16px;
    }

    .defaultPage {
        margin-block: 16px;
    }

        .defaultPage h2 {
            font-size: 16px;
        }

    .wb.accountBox {
        padding: 20px;
    }

    .accountNav > ul > li > a {
        font-size: 14px;
    }

    .inpDefault {
        font-size: 14px;
        height: 48px;
    }

    .submitDefault {
        font-size: 14px;
        height: 42px;
    }

    table.infoTable {
        width: 900px;
    }

    .domainContainer {
        overflow-x: scroll;
    }

    .wb.accountBox .mfArea .submit {
        width: 100%;
        height: 42px;
    }

    .wb.accountBox .mfArea .item label {
        font-size: 14px;
    }

    .mfArea .item-sep {
        flex-direction: column;
    }

        .mfArea .item-sep .item {
            width: 100%;
        }

    section.accounts .container .textInfo h2 span {
        font-size: 32px;
    }

    section.accounts .container .logos ul > li {
        padding: 10px 6px;
    }

        section.accounts .container .logos ul > li > a {
            padding: 8px;
        }


    .blogItem {
        width: 100%;
        flex-direction: column;
        gap: 16px;
    }

    section.blogPage {
        margin-top: 20px;
    }

    section:is(.blog, .blogPage) > .container > h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    section:is(.blog, .blogPage) > .container > p.text {
        font-size: 14px;
    }

    .blogHz .blogItem {
        flex-direction: column;
    }

    .blogHz .blogItem_bg {
        width: 100%;
    }

    .blogHz .blogItem_body {
        width: 100%;
    }

    .filterTitle {
        font-size: 36px;
        letter-spacing: 0px;
    }

    .faqPageTitle {
        font-size: 22px;
        line-height: 28px;
    }

    .faqPageSideBar > ul > li > a {
        font-size: 14px;
    }

    .faqPageInnerTitle {
        font-size: 18px;
    }

    .faqPageContent {
        gap: 32px;
    }

    .blogItem_bg {
        width: 100%;
        height: 200px;
    }

    .blogItem_body {
        width: 100%;
        gap: 10px;
    }

        .blogItem_body > h2 {
            font-size: 18px;
        }

        .blogItem_body > p {
            font-size: 14px;
        }

    .blogSectTitle h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .blogSearchInput {
        font-size: 14px;
    }

    .blogDetail > h1 {
        font-size: 22px;
        line-height: 30px;
    }

    .blogDetail > p {
        font-size: 14px;
        margin-bottom: 16px;
    }

    .blogDetail > h2 {
        font-size: 16px;
    }


    .switchRulesBottomCol {
        flex-direction: column;
        gap: 4px;
    }

    .countrySelect {
        width: 100%;
    }

    .selectedTags {
        flex-flow: wrap;
        gap: 8px;
    }

    .prodPackage .purchaseInfo .selector .priceInfo .monthly .t.active, .prodPackage .purchaseInfo .selector .priceInfo .yearly .t.active {
        gap: 8px;
    }

    .prodPackage .purchaseInfo .selector .priceInfo .yearly .t .discount:before {
        width: 100%;
        left: 0px;
    }

    .prodPackage .purchaseInfo .selector .priceInfo .yearly .t .discount {
        font-size: 18px;
    }

    .priceFlex {
    }

    .prodPackage .purchaseInfo .selector .priceInfo span {
        margin-left: 0px;
    }



    .prodPackage .purchaseInfo .selector ul {
    }

    ul.featureList > li {
        font-size: 12px;
    }

    .how-cover .inner .contentInner h1 {
        font-size: 24px;
        line-height: 32px;
    }

    .staticCardBg {
        width: 100%;
    }

    .staticCardText > h2 {
        font-size: 18px;
        line-height: 28px;
    }

    .staticCardText > p {
        font-size: 14px;
        line-height: 24px;
    }

    .testimonialItem > .content > h2 {
        font-size: 16px;
    }

    .testimonialItem {
        padding: 20px;
        gap: 10px;
    }

        .testimonialItem > .content > .text {
            gap: 10px;
        }

            .testimonialItem > .content > .text > p {
                font-size: 14px;
                line-height: 23px;
            }

            .testimonialItem > .content > .text > .name > span {
                display: block;
            }

        .testimonialItem > .content {
            gap: 10px;
        }

    .statisticItem {
        width: 100%;
        padding: 20px;
        gap: 10px;
    }

    .calltoActionBox {
        flex-direction: column;
    }

        .calltoActionBox > .content {
            width: 100%;
            padding-top: 20px;
        }

        .calltoActionBox > .bg {
            width: 80%;
        }

        .calltoActionBox > .content > .text > strong {
            font-size: 22px;
        }

        .calltoActionBox > .content > .btns > a {
            width: 100%;
        }

    .statisticItem > strong {
        font-size: 24px;
    }

    .statisticItem > .icon {
        width: 72px;
        height: 72px;
    }

    .calltoActionSect {
        margin-top: 0px;
    }

    .calltoActionBox > .content > .btns {
        flex-direction: column;
    }

    .titleStyle {
        font-size: 18px;
        margin-bottom: 10px;
    }

        .titleStyle > i {
            width: 36px;
        }

    .staticFaqItemHead > strong {
        font-size: 14px;
    }

    .staticFaqItemContent > p {
        font-size: 14px;
        line-height: 24px;
    }

    .staticFaqItemHead > i {
        width: 24px;
        height: 24px;
    }

    .ipTextarea {
        width: 100%;
    }

    .rulesWrapper {
        width: 100%;
    }


    .footerInnerBottom {
        flex-direction: column;
    }

    .footerBottomMenu > ul {
        flex-direction: column;
    }

    .footerInnerBottom .social {
        margin-top: 20px;
    }

    section.main .inner .visual .panels .arrow {
        display: none;
    }

    section.trafic .brandInfo {
    }

    .connectForm :is( .inpDefault, .iti) {
        width: 100%;
    }

    .connectForm .submitDefault {
        width: 100%;
    }

    button.submitDefault.validate\[\] {
    }

    .inpTextarea {
        height: 100px;
    }

    .supportTitle > h2 {
        font-size: 18px;
    }

    .contactPageSupport :is(.supportTitle, .contactSupportList) {
        gap: 10px;
    }

    .supportFormIcon {
        display: none;
    }

    .supportTitle > p {
        font-size: 14px;
        line-height: 22px;
    }

    .contactSupportList > li > i {
        width: 60px;
    }

        .contactSupportList > li > i > img {
            max-width: 100%;
        }

    .contactSupportList > li > .text > strong {
        margin-bottom: 0px;
        font-size: 18px;
    }

    .contactSupportList > li > .text > p {
        font-size: 14px;
        line-height: 24px;
    }

    .connectItem_title > strong {
        font-size: 18px;
    }

    .connectItem_title > p {
        font-size: 14px;
        line-height: 22px;
    }

    .connectForm {
        padding: 22px;
    }

    .contactPageSupport {
        margin-bottom: 20px;
    }

    .switchPricesCol {
        width: 100%;
    }

    .currencySelect {
        width: 100%;
        justify-content: center;
    }

    .pricesHead {
        gap: 10px;
        margin-bottom: 20px;
    }



    section.purchasepage {
        padding: 0px;
    }

    ul.featureList > li {
        width: 100% !important;
    }

    .supportFaqItem {
        font-size: 16px;
    }

    .supportBoxTitle {
        font-size: 20px;
    }


    .supportFaqItem > i {
        display: none;
    }

    .supportFaqItem::after {
        width: 26px;
        height: 26px;
        top: 50%;
        transform: translateY(-50%);
        background-size: 6px;
    }

    .supportFaqItem {
        font-size: 14px;
        min-height: 50px;
        padding-block: 16px;
    }

    .supportFaqList {
        gap: 0px;
    }

    .supportBox {
        gap: 12px;
    }

    .supportContactItem > i {
        width: 40px;
    }

    .supportContactItem {
        gap: 8px;
    }

    .supportCategoryItem > i {
        width: 40px;
    }

        .supportCategoryItem > i > img {
            max-width: 100%;
        }


    .supportSearchTitle {
        font-size: 22px;
    }

    .supportInp {
        height: 52px;
        font-size: 14px;
        background-size: 32px;
        padding-left: 48px;
    }

    .supportSearchPopular {
        flex-direction: column;
        align-items: flex-start;
    }

    .supportCategorySect {
        margin-top: 32px;
    }

    .supportHeader .menuBtn > span {
        background: #fff;
    }

    header.supportHeader .inner .right {
        background: #1d293f;
    }

    .supportCategoryHead {
        flex-direction: column;
        gap: 26px;
        margin-top: 20px;
    }

    .supportCategoryHeadCol {
        gap: 14px;
    }

        .supportCategoryHeadCol > i {
            width: 42px;
        }

            .supportCategoryHeadCol > i > img {
                max-width: 100%;
            }

        .supportCategoryHeadCol .title > h2 {
            font-size: 24px;
        }

        .supportCategoryHeadCol .title > p {
            font-size: 14px;
        }

    .breadCrumb ul > li, .breadCrumb ul > li > a {
        font-size: 12px;
    }

    .supportBoxFormTitle > p {
        font-size: 16px;
        line-height: 24px;
    }

    .supportBoxForm form > ul > li {
        width: 100%;
        gap: 10px;
    }

    .supportBoxForm {
        gap: 20px;
    }

    .inpGray {
        height: 52px;
        padding: 16px;
        font-size: 14px;
    }

    .supportBoxForm form > ul > li > strong {
        font-size: 14px;
    }

    .supportBoxForm form > ul > li > p {
        font-size: 14px;
    }

    .supportSubmit {
        width: 100%;
        height: 52px;
        font-size: 16px;
        gap: 4px;
    }

    textarea.inpGray {
        height: 160px;
    }


    .breadCrumb ul > li:last-child {
        /* width: 100%; */
        padding-left: 4px;
    }

    .breadCrumb {
        margin-bottom: 16px;
    }

        .breadCrumb ul {
            flex-flow: wrap;
            gap: 12px;
        }

            .breadCrumb ul > li:last-child::after {
                left: -8px;
            }

    .supportDetailTitle > h2 {
        font-size: 20px;
    }

    .supportDetailTitle > span {
        font-size: 12px;
    }

    .supportDetailTitle {
        gap: 4px;
    }

    .supportDetailContent p {
        margin-block: 6px;
    }

    .supportDetailContent > h3 {
        font-size: 18px;
    }

    .supportDetailContent > h4 {
        font-size: 16px;
    }

    .supportDetailContent > ul > li {
        font-size: 14px;
        line-height: 26px;
    }

    .questionEmoji {
        flex-direction: column;
        gap: 12px;
        padding: 12px;
    }

        .questionEmoji > span {
            font-size: 14px;
        }

        .questionEmoji > ul {
            gap: 8px;
        }

    .notfoundImg {
        width: 240px;
    }

    .priceInfoArea.selector .tooltip-custom .tooltip-text {
        left: 0 !important;
        width: 200px !important;
        font-size: 10px !important;
        font-weight: 500 !important;
        margin-left: -150px !important;
    }


    section h1.title {
        font-size: 18px !important;
    }

    section h2.text {
        font-size: 14px;
    }

    .cookieModalFooter .acceptCookiesBtns {
        flex-direction: column;
    }

        .cookieModalFooter .acceptCookiesBtns > a {
            width: 100%;
        }

    .cookieAccordionItemHeaderDesc > p {
        font-size: 14px;
    }

    .cookieModalContent > p {
        font-size: 14px;
    }

    .cookieModalHeadTitle {
        font-size: 18px;
    }

    .cookieAccordionItemHeaderBtn {
        font-size: 16px;
    }

    .cookieAlwaysActive {
        font-size: 14px;
    }

    .headerBadgeCmpClose {
        right: 8px;
        width: 12px;
        height: 12px;
    }

    .headerBadgeCmp > span {
        gap: 2px;
        font-size: 12px;
    }

    .homeHeader {
        top: 40px;
    }

    .graph > img {
        width: 100%;
    }

    section.what .panel li .item {
        width: 100%;
    }

    .acceptCookies > p {
        font-size: 12px;
    }

    .acceptCookiesBtns .acceptOutlineBtn {
    }

    .acceptCookies {
        left: 8px;
        bottom: 8px;
        width: 300px;
        padding: 12px 16px;
    }

    .acceptCookiesBtns .acceptBtn {
    }

    .acceptCookiesBtns {
        gap: 6px;
    }

        .acceptCookiesBtns > a {
            font-size: 12px !important;
            padding: 4px 6px !important;
        }

    ._orientationRight__ykM7l .button__NbFWA {
        width: 56px !important;
        height: 56px;
        margin-bottom: 16px !important;
        margin-right: 6px !important;
    }

    .aboutTeamList ul:first-child li {
        width: 100%;
    }

    .supportDetailContent .table table {
        width: 100% !important;
    }

    .supportDetailContent .table th, .supportDetailContent .table td {
        width: 200px !important;
    }

    .supportDetailContent .table table {
        width: 590px !important;
        background: #fff !important;
    }

    .supportDetailContent .table {
        overflow-x: scroll;
    }

    .defaultPage figure {
        overflow-x: auto;
    }

    .defaultPage table {
        margin-bottom: 0px;
        width: 860px;
    }

    .googleApprovedIcons .tooltipText {
        width: 210px;
        font-size: 10px;
        line-height: 13px;
    }

    .googleApprovedText {
        font-size: 12px;
    }

        .googleApprovedText img {
            width: 62px;
        }

    .googleApproved.certified img {
        width: 92px;
    }

    .googleApprovedWrapper {
        gap: 12px;
    }

    .googleApprovedFooter {
        margin-top: 16px;
    }

        .googleApprovedFooter .googleApprovedText {
            font-size: 10px;
        }

            .googleApprovedFooter .googleApprovedText img {
                width: 64px;
            }

    .testimonialsSect {
        margin-top: 126px;
    }

    .marks-comment {
        width: 60px;
        right: 30px;
        top: -16px;
    }

        .marks-comment > img {
            width: 100%;
        }

    .testimonialItem > .bg {
        width: 56px;
        height: 56px;
    }

    section.trafic {
        padding-top: 110px;
    }

        section.trafic h2 {
            font-size: 20px;
            margin-bottom:4px;
        }

}