/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/


/* 
    Created on : 2 Jun, 2021, 12:16:10 PM
    Author     : CT Solutions
*/

@media screen and (min-width: 1800px) {
    .col-sm-6.form-col-section:before {
        width: 64vw;
    }
}

@media screen and (min-width: 2200px) {
    .col-sm-6.form-col-section:before {
        width: 60vw;
    }
}


/*Login page style*/

@media screen and (max-width: 1080px) {
    .login-page .col-sm-6 {
        padding: 0 60px;
    }
    .logo-wrapper {
        top: 50px;
    }
    .our-subscription-card {
        min-height: 290px;
    }
    .our-subscription-section .col-sm-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-4.col-content-wrapper {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    /*internships page style*/
    .col-sm-6.form-col-section:before {
        width: 76vw;
    }
    .internship-application {
        margin-right: 40px;
    }
    .pricing-card-wrapper h3 {
        font-size: 38px;
    }
    .pricing-card-wrapper h3 sup {
        top: -20px;
    }
    .bookmarks-content-detail.col-sm-2 {
        padding: 0;
    }
}

@media screen and (max-width: 991px) {
    .footer-section {
        padding: 100px 0 50px;
    }
    .our-subscription-card {
        min-height: 290px;
    }
    /*internships page style*/
    .row.internships-row .col-sm-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-sm-6.form-col-section:before {
        width: 100vw;
    }
    .internship-application {
        margin-right: 0;
    }
    span.placeholder br {
        display: none;
    }
    .col-sm-6.form-col-section {
        position: relative;
        padding: 70px 30px;
    }
    .row.internships-row .col-sm-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-sm-6.form-col-section {
        order: 2;
        margin-top: 56px;
    }
    .your-subscription-sec {
        padding-left: 10px;
    }
    .subscriber-info-form,
    .payment-info-form {
        padding: 50px 30px;
    }
    .bookmarks-content-list.row .col-sm-8 {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
    .bookmarks-content-detail.col-sm-4 {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    .bookmarks-content-list .col-sm-6 {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    .bookmarks-content-detail.col-sm-2 {
        flex: 0 0 26.666667%;
        max-width: 26.666667%;
    }
    .tech-plans-container .plans-section.team-plan-sec {
        padding: 50px 20px;
    }
    .tech-plans-container .plan_and_price_footer_content {
        padding-top: 50px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .tech-landing-page .plans-section .mepr-price-box-head .mepr-price-box-title{
        font-size: 23px;
    }
}

@media screen and (max-width: 991px) {
    .mp_wrapper table.mepr-account-table {
        border: 0;
    }
    .mp_wrapper table.mepr-account-table thead {
        display: none !important;
    }
    .mp_wrapper table.mepr-account-table tr {
        margin-bottom: 10px;
        display: block;
        border-bottom: 2px solid #ddd;
    }
    .mp_wrapper table.mepr-account-table td {
        display: block;
        text-align: right;
        border-top: none;
        border-left: none;
        border-bottom: 1px dotted #ccc;
    }
    .mp_wrapper table.mepr-account-table td:last-child {
        border-bottom: 0;
    }
    .mp_wrapper table.mepr-account-table td div {
        padding: 0;
        margin: 0;
        margin-left: 15px;
    }
    .mp_wrapper table.mepr-account-table td:before {
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: bold;
    }
    .mepr-account-subscr-id,
    .mepr-account-auto-rebill,
    .mepr-account-rebill {
        display: none;
    }
    .mepr-account-terms,
    .mepr-account-subscr-id,
    .mepr-account-rebill {
        font-size: inherit;
        font-weight: inherit;
        font-style: inherit;
        color: inherit;
    }
    .mp_wrapper table.mepr-account-table td div {
        text-align: left;
        margin-left: 0;
    }
    .product-landing-subscribe-content h1 {
        font-size: 42px;
        margin-bottom: 20px;
    }
    .row.row-has-quote-col .col-sm-5,
    .row.row-has-quote-col .col-sm-7 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row.row-has-quote-col .col-sm-5 {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 891px) {
    .single-content .container {
        max-width: 540px;
    }
    .ask-trivium-form-sec .submit-main-dev {
        display: block;
    }
    p.qa-sessions {
        display: block;
        float: unset;
        margin-top: 15px;
    }
    .post-menu-sec ul li {
        margin-right: 0;
    }
    .popup-modal {
        max-width: 90%;
    }
}

@media screen and (min-width: 767px) {
    /*    header, footer {
                z-index: 9999;
                position: relative;
            }*/
    .filter-section ul.tabs {
        display: none;
    }
    .filter-section .close-filter {
        display: none;
    }
    .filter-section .tab-content {
        display: block;
    }
    .add-keyword-filter {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .tech-plans-container .plans-section.team-plan-sec {
        align-items: unset;
        flex-direction: column;
    }
    .tech-plans-container .plan_and_price_footer_content {
        max-width: 100%;padding-left: 0;
        padding-right: 0;
    }
    .tech-plans-container .mobile-tab-content-second {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    body h1 {
        font-size: 42px;
        line-height: 50px;
    }
    .login-page .col-sm-6 {
        padding: 0 40px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    p.first-fold-content {
        display: none !important;
    }
    .col-sm-6.login-content p,
    .col-sm-6.login-content a {
        display: inline-block;
    }
    .login-page .container {
        display: block;
        height: 100%;
        position: relative;
        max-width: 100%;
    }
    .login-page .container-content .row {
        /*        height: calc(100vh - 91px);*/
        height: 100vh;
        align-items: unset;
        justify-content: unset;
    }
    .login-page:before {
        height: 57%;
        width: 100%;
        right: 0;
        left: 0;
        bottom: 0;
    }
    .logo-wrapper img {
        max-width: 140px;
    }
    .col-sm-6.login-content h1 {
        /* margin-top: 32%; */
        margin-top: 36px;
    }
    .logo-wrapper.desktop-logo-wrapper {
        display: none;
    }
    .logo-wrapper.mobile-logo-wrapper {
        display: block;
        position: unset;
        padding-top: 16px;
        max-width: 460px;
        margin: auto;
    }
    .col-sm-6.login-form:before {
        background: #e5f7f5;
        width: 100vw;
        position: absolute;
        content: "";
        height: 100%;
        z-index: -1;
        max-width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        top: 0;
        bottom: 0;
    }
    .col-sm-6.login-form {
        padding-top: 30px;
    }
    .login-page:before {
        display: none;
    }
    .col-sm-6.login-form input#email,
    .col-sm-6.login-form input#pwd,
    .col-sm-6.login-form input[type="submit"] {
        height: 58px;
        margin-bottom: 15px;
    }
    .col-sm-6.login-form h3 {
        font-size: 26px;
        margin-bottom: 20px;
        line-height: 32px;
    }
    .input__label-content {
        padding: 20px 0;
    }
    .login-page .container-content .col-sm-6 {
        height: auto;
    }
    .col-sm-6.login-content {
        display: block !important;
    }
    /*footer style*/
    .copyright-sec-wrapper {
        display: block;
    }
    ul#menu-footer-menu,
    ul#menu-footer-menu-1 {
        display: block;
    }
    .footer-section .col-sm-8,
    .footer-section .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sub-menu img.accordions-arrow {
        display: none;
    }
    .menu-item-has-children .links {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    ul#menu-footer-menu li a,
    ul#menu-footer-menu-1 li a {
        font-size: 28px;
        font-family: "AvenirLTPro-Book", sans-serif;
        padding: 20px 0;
        border-bottom: 1px solid #808080;
    }
    ul#menu-footer-menu li:first-child a,
    ul#menu-footer-menu-1 li:first-child a {
        border-top: 1px solid #808080;
    }
    ul#menu-footer-menu ul.sub-menu li a,
    ul#menu-footer-menu-1 ul.sub-menu li a {
        border: none !important;
        padding-bottom: 0;
        padding-left: 20px;
    }
    ul#menu-footer-menu .opens a.links,
    ul#menu-footer-menu-1 .opens a.links {
        border-bottom: none !important;
    }
    ul#menu-footer-menu ul.sub-menu,
    ul#menu-footer-menu-1 ul.sub-menu {
        margin-top: 0;
    }
    .footer-section {
        padding: 80px 0 0;
    }
    .textwidget.custom-html-widget {
        max-width: 90%;
    }
    /*homepage style*/
    .our-subscription-card-header h3 {
        font-size: 28px;
        padding-left: 0;
    }
    .our-subscription-card p {
        font-size: 22px;
    }
    .our-subscription-card-link-sec a {
        font-size: 24px;
    }
    .col-sm-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .our-subscription-section .col-sm-4,
    .col-sm-4.col-content-wrapper {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .container {
        padding-right: 30px;
        padding-left: 30px;
    }
    .our-subscription-section .col-sm-4 {
        margin-bottom: 25px;
    }
    .our-subscription-card {
        padding: 25px;
        min-height: 100%;
        margin-bottom: 0;
    }
    .coming-soon .our-subscription-card {
        padding-top: 40px;
    }
    .we-trivium-section {
        background: transparent;
        padding: 55px 0;
        position: relative;
    }
    .we-trivium-section:before {
        position: absolute;
        content: "";
        background: #e5f7f5;
        height: 100%;
        z-index: -1;
        max-width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        top: 0;
        bottom: 0;
    }
    .banner-content h1 {
        font-size: 42px;
        line-height: 48px;
    }
    .our-subscription-card-header img {
        display: none;
    }
    .we-trivium-section-row p {
        font-family: "AvenirLTPro-Book", sans-serif;
        font-size: 26px;
    }
    .our-subscription-section:before {
        background: #f1f9f8;
        width: 100vw;
        height: 100%;
        z-index: -1;
        top: 0;
        max-width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }
    .col-sm-4.col-content-wrapper {
        margin-bottom: 20px;
    }
    .we-trivium-section {
        margin-top: 0;
    }
    .need-to-go-deeper-section {
        background: transparent;
        padding: 50px 0;
        position: relative;
    }
    .need-to-go-deeper-section:before {
        position: absolute;
        content: "";
        background: #f2fbfa;
        max-width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        height: 100%;
        z-index: -1;
        top: 0;
    }
    /*mobile menu*/
    .menu-section {
        display: none;
    }
    .mobile-menu {
        display: none;
    }
    .mobile-menu {
        background: #fff;
        height: 50px;
        display: flex;
        align-items: center;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
        transition: all ease-in-out 0.4s;
    }
    .mobile-menu.nav-up {
        top: -75px;
    }
    .mobile-menu.nav-down {
        top: 0;
    }
    .menuBtn {
        height: 27px;
        width: 27px;
        position: absolute;
        right: 95px;
        top: 6px;
        z-index: 101;
    }
    .menuBtn span {
        height: 2px;
        width: 27px;
        display: block;
        margin-bottom: 10px;
        background: #000000;
        transition: all ease-in-out 0.5s;
        cursor: pointer;
        position: absolute;
        top: 10px;
        z-index: 999;
    }
    .menuBtn span:nth-of-type(2) {
        top: 18px;
    }
    .menuBtn span:nth-of-type(3) {
        top: 26px;
    }
    .menuBtn.act span:nth-of-type(3) {
        opacity: 0;
    }
    .menuBtn.act span:nth-of-type(1) {
        transform: rotate(45deg);
        top: 18px;
        position: relative;
    }
    .menuBtn.act span:nth-of-type(2) {
        transform: rotate(-45deg);
    }
    .menu-primary-menu-container,
    .main-menu-container {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        text-align: left;
    }
    .menu-active {
        overflow-y: hidden;
    }
    .mobile-logo {
        position: relative;
        z-index: 999999;
        display: inline-block;
    }
    .mainMenu ul.sub-menu {
        padding-left: 20px;
    }
    /* main menu block */
    .mainMenu {
        background-color: #fff;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 100;
        height: 100%;
        width: 100%;
        display: table;
        text-align: center;
        opacity: 0;
        transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        visibility: hidden;
        max-width: 100%;
        /*        transform: scale(0);*/
    }
    .mainMenu.act {
        opacity: 1;
        visibility: visible;
        overflow-y: scroll;
        display: block;
    }
    .mainMenu.act ul li {
        opacity: 1;
        transform: translateX(0);
        visibility: visible;
    }
    .mainMenu ul {
        display: table-cell;
        vertical-align: middle;
        list-style-type: none;
    }
    .mainMenu li {
        padding: 8px 0;
        transition: all 400ms 510ms;
        opacity: 0;
        visibility: hidden;
    }
    .mainMenu li:nth-child(odd) {
        transform: translateX(30%);
    }
    .mainMenu li:nth-child(even) {
        transform: translateX(-30%);
    }
    .mainMenu li:last-child {
        transform: none;
    }
    .mainMenu a {
        color: #000000;
        display: inline-block;
        font-size: 22px;
    }
    .mainMenu a.suBtn {
        color: #fff;
    }
    ul.post-menu-sub-menu:last-child {
        border-bottom: 1px solid #e5e5e5;
    }
    ul.post-menu-sub-menu {
        display: block;
        border-top: 1px solid #e5e5e5;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .menu-primary-menu-container .menu-item-has-children {
        margin-right: 0 !important;
    }
    .menu-primary-menu-container .menu-item-has-children:before {
        display: none;
    }
    /* sign up button */
    .suBtn {
        background-color: blue;
        border-radius: 5px;
        padding: 10px 20px;
    }
    .mobile-menu-container {
        text-align: left;
        position: relative;
        top: 7px;
    }
    .menu-active .mobile-logo.outer-mobile-logo {
        opacity: 0;
        visibility: hidden;
    }
    .pricing-enterprises-section .container {
        padding: 0;
        max-width: 100%;
    }
    .tab-link {
        margin: 0 1px;
        padding: 10px 10px;
        letter-spacing: normal;
        font-size: 14px;
    }
    .pricing-enterprises-banner-content.banner-content {
        padding-left: 30px;
        padding-right: 30px;
    }
    .content-wrapper {
        padding: 25px;
    }
    .tab-content h2 {
        margin-bottom: 30px;
    }
    h1.page-title {
        font-size: 37px;
    }
    h2.page-sub-title {
        font-family: "AvenirLTPro-Black", sans-serif;
        font-size: 43px;
    }
    p.found-message {
        padding: 11px 0 37px;
    }
    .product-landing-banner-content .col-sm-7 {
        display: none;
    }
    .neopol-coverage-section {
        padding: 35px 30px 35px;
        margin-top: 0;
        margin-bottom: 75px;
        position: relative;
        width: 100vw;
        height: 100%;
        z-index: -1;
        top: 65px;
        max-width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }
    /*mobile tab style*/
    .plans-and-pricing-section .banner-content {
        padding-right: 30px;
        padding-left: 30px;
    }
    .mobile-tab-content,
    .mobile-tab-content-second,
    .mobile-free-plan {
        display: block;
    }
    .plan-phone-tab {
        position: relative;
        height: 100%;
        width: 100%;
        display: block;
        margin: 0;
    }
    /* .plan-phone-tab .content,
    .plan-phone-tab .content-second-tab {
        opacity: 0;
        display: none;
        height: 100%;
        width: 100%;
        transition: opacity 0.3s ease;
        padding: 0 8px;
        transform: translateY(-20px);
        animation: mobileTabfadeIn 0.3s ease 1 forwards;
    } */
    .plan-phone-tab .content.show,
    .plan-phone-tab .content-second-tab.show {
        display: block;
    }
    @keyframes mobileTabfadeIn {
        100% {
            opacity: 1;
            transform: none;
        }
    }
    .mobile-tab-content,
    .mobile-tab-content-second,
    .mobile-free-plan {
        width: 100%;
        position: relative;
        z-index: 9;
    }
    .mobile-tab-content ul,
    .mobile-tab-content-second ul,
    .mobile-free-plan ul {
        display: flex;
        list-style-type: none;
        padding: 0;
        margin: 0;
        justify-content: space-between;
        background: #b7e8e3;
        border-radius: 26px;
    }
    .mobile-tab-content li,
    .mobile-tab-content-second li,
    .mobile-free-plan li {
        border-radius: 26px;
        cursor: pointer;
        text-align: center;
        width: 100%;
        font-size: 20px;
        font-family: "AvenirLTPro-Black", sans-serif;
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #020202;
        transition: 0.3s;
    }
    .mobile-tab-content li.active,
    .mobile-tab-content-second li.active,
    .mobile-free-plan li.active {
        color: #fff !important;
        position: relative;
        z-index: 9;
    }
    .mobilebar-tab-overlay {
        height: 100%;
        width: calc(100% / 2);
        position: absolute;
        left: 0;
        top: 0;
        transition: 0.3s;
        background: #fc6719;
        border-radius: 25px;
    }
    .mobile-free-plan li#free-plan {
        background: #fc6719;
    }
    div#tab-2 .mobilebar-tab-overlay {
        width: calc(100% / 2);
    }
    .pricing-card-header {
        display: none;
    }
    .pricing-card {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin-top: -10px;
        min-height: 100%;
    }
    .plans-and-pricing-section .container {
        padding: 0;
        max-width: 100%;
    }
    .wrapper.neople-plan-tab-wrapper .col-sm-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .plans-and-pricing-section .content-wrapper {
        padding: 52px 30px;
    }
    .plan-phone-tab .pricing-card-footer {
        position: unset;
        width: 86%;
        margin: auto;
        padding-bottom: 13px;
    }
    .pricing-card-wrapper h3 {
        font-size: 50px;
    }
    .pricing-card-wrapper {
        padding: 22px 0 17px;
    }
    /*mobile tab style end*/
    .col-sm-6.form-content-col {
        padding-left: 15px;
    }
    .formRow .placeholder {
        font-size: 14px;
    }
    span.placeholder br {
        display: block;
    }
    input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date.date-formRow {
        font-size: 14px;
    }
    .upload-file:after {
        font-size: 15px;
        left: 16%;
    }
    .banner-content.sign-up-subscribe-banner-content p {
        display: none;
    }
    .row.sign-up-subscribe-row .col-sm-7,
    .row.sign-up-subscribe-row .col-sm-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row.sign-up-subscribe-row .col-sm-7 {
        order: 2;
    }
    .plan-includes-sec {
        display: none;
    }
    .your-subscription-sec h4 {
        display: none;
    }
    .your-subscription-sec {
        padding-left: 0;
        padding-top: 24px;
    }
    .banner-content.sign-up-subscribe-banner-content {
        padding-bottom: 18px;
    }
    .subscriber-info-form,
    .payment-info-form {
        position: relative;
        background: none;
        padding: 50px 0;
    }
    .subscriber-info-form:before,
    .payment-info-form:before {
        background: #cef0ec;
        width: 100vw;
        height: 100%;
        z-index: -1;
        top: 0;
        max-width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        position: absolute;
        content: "";
    }
    .payment-info-form:before {
        background: #e5f7f5;
    }
    .cselect.tab-wrapper ul.tabs {
        display: none;
    }
    .cselect.tab-wrapper input[type="text"] {
        display: block;
        color: #000000;
        font-size: 20px;
        background: #e5f7f5 !important;
        border-radius: 0;
        padding: 0 10px;
    }
    .cselect.tab-wrapper ul.tabs {
        padding: 15px 15px 20px;
        margin-top: -14px;
        background: #fff;
        -webkit-box-shadow: 0px 10px 50px 0px rgb(43 111 246 / 10%);
        box-shadow: 0px 10px 50px 0px rgb(43 111 246 / 10%);
        margin-bottom: 50px;
    }
    .my-subscription-sec {
        background: #e5f7f5;
        padding: 25px 25px;
    }
    .my-subscription-sec-title {
        display: block;
    }
    .my-subscription-sec-title h2 {
        margin-bottom: 7px;
    }
    .account-section .col-sm-3,
    .account-section .col-sm-9,
    .password-tab-row .col-sm-7,
    .password-tab-row .col-sm-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .cselect.tab-wrapper:before {
        position: absolute;
        content: "";
        background-image: url(../images/menu-icon.svg);
        background-repeat: no-repeat;
        background-position: center;
        width: 20px;
        height: 20px;
        right: 30px;
        top: 22px;
        transition: 0.2s;
    }
    .cselect.tab-wrapper.cselect-active:before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .account-right-tab .tab-wrapper.sub-tab-wrapper .tabs {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .personal-info-tab-input-sec .formRow--input {
        width: 100%;
    }
    .personal-info-tab-input-sec span.input-text {
        left: 4px;
    }
    .subscription-profile-header {
        display: none;
    }
    .my-subscription-bottom-sec {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .tab-wrapper.sub-tab-wrapper {
        padding: 20px 0 0;
    }
    .bugs-suggestions-form-tab textarea {
        height: 170px;
    }
    .cselect.tab-wrapper ::-webkit-input-placeholder {
        /* Edge */
        color: #000000;
    }
    .cselect.tab-wrapper :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #000000;
    }
    .cselect.tab-wrapper ::placeholder {
        color: #000000;
    }
    .bookmarks-header {
        display: block;
    }
    .search-close {
        display: none;
    }
    .bookmarks-search {
        display: block;
        margin-top: 0;
        width: 100%;
    }
    .search-wrapper.search-wrapper-sec {
        width: 100%;
        margin-bottom: 35px;
    }
    .bookmarks-title h1 svg {
        display: none;
    }
    .bookmarks-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    span.bookmarks-title-icon {
        display: none;
    }
    .bookmarks-content-list .col-sm-8,
    .bookmarks-content-list .col-sm-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 90%;
        max-width: 90%;
    }
    .bookmarks-content-detail {
        position: unset;
    }
    .bookmarks-content-detail p:nth-child(2) {
        display: none;
    }
    span.mobile-bookmarks-time {
        display: block;
    }
    .bookmarks-content-detail p:nth-child(1) {
        display: flex;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .bookmarks-content-detail.col-sm-4 {
        position: unset;
    }
    .bookmarks-content-list {
        position: relative;
        padding-left: 0;
    }
    .bookmarks-close-icon {
        position: absolute;
        /* top: 0;
        bottom: 0; */
        top: 18px;
        right: 15px;
    }
    .bookmarks-content-list.row .custom-checkbox-btn {
        display: none;
    }
    .bookmarks-content-detail.col-sm-4 span.mobile-bookmarks-time {
        display: none;
    }
    .bookmarks-content-list h3 {
        max-width: 85%;
    }
    .bookmarks-title h4 {
        margin-bottom: 15px;
    }
    .post-menu-sec ul li:nth-child(4),
    .post-menu-sec ul li:nth-child(5),
    .post-menu-sec ul li:nth-child(6) {
        display: inline-block;
    }
    .product-landing-subscribe-content p,
    .product-landing-subscribe-section {
        max-width: 100%;
    }
    .not-book-marked .pop-message-wrapper,
    .pop-message-wrapper {
        padding: 40px;
    }
    /*Q&A page style*/
    .question-and-answer-section .bookmarks-title {
        display: block;
    }
    .question-and-answer-section .bookmarks-title h4 {
        line-height: 25px;
    }
    .qa-section {
        padding: 25px 20px;
    }
    .page-template-question-and-answer .question-wrapper {
        padding: 25px 20px;
    }
    .qa-sec.question-wrapper,
    .qa-section.qa-sec,
    .single .qa-section.qa-sec {
        padding: 25px 20px;
    }
    .qa-heading {
        font-size: 32px;
        margin-right: 16px;
        margin-top: -5px;
    }
    .bookmarks-pagination span {
        padding: 8px 12px;
    }
    /*content list style*/
    .filter-section li.tab-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #f2fbfa;
        color: #000000;
    }
    .filter-section li.tab-link img {
        transition: all ease 0.5s;
    }
    .filter-section li.tab-link.active img {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .filter-section li.tab-link.active {
        background: #e4f7f5;
    }
    .filter-section .content-wrapper {
        padding: 50px 0;
        background: transparent;
        position: relative;
        display: none;
    }
    .filter-section .content-wrapper:before {
        position: absolute;
        content: "";
        background: #e4f7f5;
        height: 100%;
        z-index: -1;
        max-width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        top: 0;
        bottom: 0;
    }
    .desktop-filter-section {
        display: none;
    }
    .reset-all-btn {
        display: none;
    }
    .add-keyword-wrapper {
        position: unset;
    }
    input#keyword-filter {
        background: #fff;
        border-radius: 30px;
    }
    .filter-section h4 {
        display: none;
    }
    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .categoryfilter-sec .custom-radio-btn label::before {
        background: #fff;
    }
    .categoryfilter-btn,
    .date-filter-btn,
    .add-keyword-wrapper {
        width: 100%;
        background: #fb6b22;
        color: #fff;
        font-family: "AvenirLTPro-Black", sans-serif;
        cursor: pointer;
        height: 53px;
        font-size: 18px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 30px;
        margin-top: 15px;
    }
    .add-keyword-wrapper span.add-keyword-filter {
        display: block;
    }
    .add-keyword-wrapper span {
        display: none;
    }
    .filter-close-btn {
        padding-top: 27px;
        text-align: center;
    }
    .filter-section input[type="date"],
    input#date-from-wrapper,
    input#date-to-wrapper {
        background: #fff;
        border-radius: 30px;
    }
    .desktop-content {
        display: none;
    }
    .mobile-content {
        display: block;
    }
    .date-from-wrapper::placeholder,
    .date-to-wrapper::placeholder {
        color: #000000;
    }
    .pricing-card-footer a:link,
    .pricing-card-footer a:visited {
        position: unset;
    }
    .pricing-card-footer a {
        width: 100%;
    }
    .content-list-section {
        padding-top: 70px;
    }
    .single-content {
        padding-top: 70px;
    }
    .mainMenu ul.sub-menu li a {
        font-size: 18px;
        font-family: "AvenirLTPro-Book", sans-serif;
    }
    .mainMenu ul.sub-menu li.current-menu-item a {
        text-decoration: underline;
    }
    .mainMenu ul.sub-menu li {
        padding: 4px 0;
    }
    .keyword-filter-text {
        margin: 20px 0 25px;
    }
    .reset-all-btn {
        margin-top: 4px;
    }
    .account-right-tab .tab-wrapper.sub-tab-wrapper .tabs li.tab-link {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .account-section .tab-link {
        font-size: 15px;
    }
    .product-landing-banner-content .col-sm-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-sm-6.form-col-section {
        padding-left: 20px;
        padding-right: 20px;
    }
    .desktop-footer-menu {
        display: none;
    }
    .mobile-footer-menu {
        display: block;
    }
    .bookmarks-content-list.row .col-sm-8,
    .bookmarks-content-detail.col-sm-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .our-subscription-section.subscription-content-platforms:before {
        height: 100%;
    }
    .product-with-form .product-landing-banner-content .col-sm-7 {
        display: block;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 40px;
    }
    .product-form-section {
        padding: 20px 20px;
    }
    .popup-modal-body .row .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .popup-modal-body .submit-btn-sec {
        position: relative;
    }
    .popup-modal:before {
        display: none;
    }
    .popup-modal-body .row .col-sm-6:last-child {
        background: #f0fbfa;
        padding: 40px 20px;
    }
    .close-button i.fas.fa-times {
        -webkit-text-stroke: 4px #fff;
    }
    .popup-modal-body .row .col-sm-6:first-child {
        padding-right: 15px;
    }
    .popup-modal-body .row {
        padding: 10px 0;
    }
    h5.my-subscription {
        display: none;
    }
    .topics-tab-active h5.my-subscription {
        display: block;
    }
    .bookmarks-content-detail.col-sm-2 {
        padding: 0 15px;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .bookmarks-content-list .col-sm-6 {
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
    }
    .mp_wrapper .mp-form-row input,
    .mp_wrapper .mp-form-row select,
    .cselect.tab-wrapper input[type="text"] {
        font-size: 16px !important;
    }
    .mp_wrapper .mp-form-row input,
    .mp_wrapper .mp-form-row select {
        height: 48px !important;
    }
    /* Tech Landing Page Style */
    .tech-landing-page .product-landing-banner-content .col-sm-7 {
        display: block;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 40px;
    }
    .tech-plans-container .plans-section.team-plan-sec {
        padding: 0;
        background: transparent;
    }
    .tech-landing-page .trivium-image-section {
        padding: 0;
    }
    .col-sm-6.image-col-wrapper,
    .col-sm-6.content-col-wrapper {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .team-pro-paln-active .plans-section .mepr-price-box {
        display: block;
        opacity: 1;
    }
    .team-pro-paln-active .plans-section .mepr-price-col:nth-of-type(1) .mepr-price-box {
        display: none;
    }
    .tech-landing-page .plans-section .mepr-price-box-head .mepr-price-box-title,
    .tech-landing-page .plans-section .mepr-price-col:nth-child(even) .mepr-price-box-head .mepr-price-box-title {
        background: #fff;
        padding-top: 25px;
    }
    .tech-plans-container:before {
        position: relative;
        max-width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        position: absolute;
        content: "";
        background: #e4f7f5;
        height: 100%;
        top: 0;
        z-index: -1;
    }
    .tech-plans-container {
        padding-top: 60px;
        margin-top: 57px;
    }
    .page-template-tech-landing-page .popup-modal-body,
    .popup-modal .channel-name {
        padding: 0;
    }
    .page-template-tech-landing-page .popup-modal {
        padding: 80px 30px 30px;
    }
    .admin-bar.page-template-tech-landing-page .popup-modal {
        padding: 120px 30px 30px;
    }
    .neopol-plans-and-pricing-sec .neople-plan-tab-section {
        max-width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        position: relative;
        content: "";
        background: #e4f7f5;
        height: 100%;
    }
    .neopol-plans-and-pricing-sec .content-wrapper.neople-plan-content-wrapper {
        padding: 52px 30px;
        background: #e4f7f5;
    }
    .neopol-plans-and-pricing-sec .mobilebar-tab-overlay.mobilebar-tab-overlay-fist {
        width: calc(100% / 2);
    }
}

@media screen and (max-width: 575px) {
    .menuBtn {
        right: 30px;
        top: 2px;
    }
    .logo-wrapper.desktop-logo-wrapper {
        display: none;
    }
    .logo-wrapper.mobile-logo-wrapper {
        display: block;
        position: unset;
        padding-top: 15px;
    }
    .login-page .container-content .row {
        height: 100%;
        /* display: block; */
    }
    .login-page:before {
        display: none;
    }
    .col-sm-6.login-content h1 {
        margin-top: 30px;
    }
    .col-sm-6.login-content {
        padding: 0;
    }
    .col-sm-6.login-form {
        /* background: #e5f7f5;
        width: 100vw;
        height: auto;
        top: 0;
        max-width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw; */
        position: relative;
        padding: 35px 20px;
    }
    .col-sm-6.login-form:before {
        position: absolute;
        content: "";
        background: #e5f7f5;
        width: 100vw;
        height: 100%;
        bottom: 0;
        max-width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        z-index: -1;
    }
    .login-page .container {
        height: 100vh;
    }
    form#mepr_forgot_password_form {
        padding-bottom: 100px;
    }
    .login-form-wrapper .mp_wrapper .mp-form-row span.custom-placeholder {
        font-size: 14px;
    }
    form#mepr_forgot_password_form input[type="submit"] {
        font-size: 16px;
    }
    .forgot-password-page form#mepr_forgot_password_form {
        padding-bottom: 0;
    }
    div#respond {
        padding-right: 30px;
        padding-left: 30px;
    }
    .container.related-post-container {
        padding-right: 30px;
        padding-left: 30px;
    }
    .menu-footer-menu-container .menu.accordions {
        padding-inline-start: 0;
    }
    .plan_and_price_footer_content {
        padding: 30px 15px 0;
    }
    .product-landing-subscribe-content h1 {
        font-size: 32px;
        line-height: 36px;
    }
}

@media screen and (max-width: 480px) {
    body h1 {
        font-size: 32px;
        line-height: 36px;
    }
    .banner-content p {
        font-size: 20px;
    }
    .our-subscription-card-header h3 {
        font-size: 22px;
    }
    .our-subscription-card p {
        font-size: 18px;
    }
    .our-subscription-card-link-sec a {
        font-size: 18px;
    }
    .our-subscription-card {
        padding: 20px;
    }
    body h3 {
        font-size: 24px;
    }
    .we-trivium-section-row p {
        font-size: 18px;
    }
    .col-sm-4.col-content-wrapper p {
        font-size: 18px;
    }
    ul#menu-footer-menu li a,
    ul#menu-footer-menu-1 li a {
        font-size: 22px;
        padding: 16px 0;
    }
    .copyright-sec-wrapper p {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 375px) {
    a.gray-link {
        margin-left: 40px;
    }
}

@media screen and (max-width: 360px) {
    a.gray-link {
        margin-left: 0;
        margin-top: 20px;
    }
}

@media screen and (max-width: 320px) {
    .formRow .placeholder {
        font-size: 12px;
    }
}


/* @media only screen and (max-width: 889px),
only screen and (max-height: 712px) { */

@media only screen and (max-width: 889px)and (max-height: 712px) {
    .login-page .container {
        height: 100vh;
    }
    .login-page .container-content .row {
        height: 100vh;
    }
    .logo-wrapper.mobile-logo-wrapper {
        position: absolute;
    }
}


/* @media screen and (max-width: 812px) and (orientation: landscape) { */

@media only screen and (max-width: 812px)and (max-height: 480px) {
    p.first-fold-content {
        display: none !important;
    }
    .login-page .container {
        display: block;
        height: 100%;
    }
    .col-sm-6.login-form input#email,
    .col-sm-6.login-form input#pwd,
    .col-sm-6.login-form input[type="submit"] {
        height: 53px;
    }
    .input__label-content {
        padding: 12px 0;
    }
    .col-sm-6.login-content h1 {
        font-size: 32px;
        line-height: 33px;
        margin-bottom: 16px;
    }
    .col-sm-6.login-form h3 {
        font-size: 22px;
        margin-bottom: 20px;
        line-height: 30px;
    }
    .col-sm-6.login-form input[type="submit"] {
        margin-bottom: 18px;
        margin-top: 6px;
    }
    .col-sm-6.login-form {
        padding-bottom: 20px;
    }
    .login-page .container-content .row {
        height: 100%;
        align-items: unset;
    }
    .logo-wrapper.mobile-logo-wrapper {
        display: block;
        position: unset;
        padding-top: 15px;
        margin-left: 40px;
    }
    .logo-wrapper.desktop-logo-wrapper {
        display: none;
    }
    .login-page .col-sm-6 {
        padding: 0 40px;
    }
    .col-sm-6.login-content {
        padding-top: 40px;
    }
    .col-sm-6.login-form {
        padding-bottom: 17px;
    }
    /* test */
    .col-sm-6.login-form:before {
        background: #e5f7f5;
        width: 100vw;
        position: absolute;
        content: "";
        height: 100%;
        z-index: -1;
        max-width: 100vw;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        top: 0;
        bottom: 0;
    }
    .col-sm-6.login-form {
        padding-top: 30px;
    }
    .login-page:before {
        display: none;
    }
    .login-content-wrapper {
        margin-bottom: 32px;
    }
    .col-sm-6.login-content h1 {
        margin-top: 15px;
    }
    .logo-wrapper.mobile-logo-wrapper {
        max-width: 460px;
        margin: auto;
    }
    .login-page .col-sm-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .login-content-wrapper {
        max-width: 100%;
        width: 460px;
    }
}


/* @media screen and (max-width: 767px) and (orientation: landscape) { */

@media only screen and (max-width: 767px)and (max-height: 414px) {
    /* .login-page .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .login-page:before {
        height: 100%;
        width: 50%;
        right: 0;
        left: unset;
    } */
    .login-page .row {
        height: 100%;
    }
    .login-page .container-content .col-sm-6 {
        height: 100%;
        display: flex !important;
    }
    .menu-primary-menu-container {
        padding-top: 50px;
        display: block;
    }
    .mainMenu {
        display: block;
        overflow-y: scroll;
    }
    .menu-active {
        overflow-y: hidden;
    }
    /* .logo-wrapper.mobile-logo-wrapper {
        margin-left: 28px;
    } */
    /* test */
}

@media only screen and (max-width: 480px)and (max-height: 712px) {
    .logo-wrapper.mobile-logo-wrapper {
        position: unset;
    }
}

@media screen and (max-width: 575px) and (orientation: landscape) {
    .login-page .container {
        padding: 0;
    }
    .login-page .container .row {
        margin: 0;
        display: flex;
    }
    /* .logo-wrapper.mobile-logo-wrapper {
        margin-left: 40px;
        position: absolute;
        top: 0;
    } */
}

@media screen and (max-height: 712px) {
    .logo-wrapper.mobile-logo-wrapper {
        position: unset;
    }
}