@media (min-width: 1600px) {
    .custom-table .ribbon {
        right: 5px;
    }
    .description.description-lg {
       font-size: 27px;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1530px;
    }
    .form .form-control.form-control-xl {
        height: 70px;
        font-size: 18px;
        padding-left: 20px;
    }
    .custom-table-md .custom-table-body .custom-table-row .custom-table-cell {
        max-width: 400px;
        margin: 0 auto;
    }
    .price-box .price-holder {
        margin-left: -20px;
        margin-right: -20px;
        height: 135px;
    }
    .price-box .price-holder.price-holder-xl  {
        margin-left: -55px;
        margin-right: -55px;
    }
    .price-box .price-holder.price-holder-xl  .price-amount {
        font-size: 135px;
        line-height: 100px;
    }
    .price-box .price-title {
        font-size: 36px;
    }
    .button-custom.button-full-width{
        font-size: 20px;
        padding: 21px 35px;
        min-width: auto;
        width: auto;
    }
}
@media (max-width: 1600px) {
    .button-custom.button-full-width{
        font-size: 20px;
        padding: 21px 35px;
        min-width: auto;
        width: auto;
    }
    h1 {
        font-size: 65px;
    }
    h2 {
        font-size: 45px;
    }
    h3 {
        font-size: 26px;
    }
    h4 {
        font-size: 20px;
    }
    h2.title-md {
        font-size: 40px;
    }
    section.featured-tabs .button-holder {
        margin-top: 90px;
    }
    .frames-holder .frames-info {
        bottom: -90px;
    }
    .frames-holder .layers .layer-info {
        font-size: 20px;
    }
    .frames-holder .layers .layer-number {
        font-size: 120px;
        line-height: 42px;
    }
    .frames-holder .frames-shadow-holder {
        height: 600px;
    }
    .custom-table .ribbon {
        right: -20px;
    }
    .ribbon.ribbon-xl {
       top: 20px;
    }
    .post-instagram .image-holder {
        height: 145px;
        width: 145px;
    }
    .post-instagram .text {
        margin: 0 0 15px;
    }
    .form-website-status .form-field .form-control {
        width: 500px;
        max-width: 100%;
    }
    .form-website-status .form-field {
        max-width: 1070px;
    }
    .list li.featured .list-title {
        font-size: 16px;
    }
    .price-box .price-holder {
        height: 95px;
    }
    .custom-table .custom-table-head .custom-table-row .custom-table-cell {
        padding: 5px 0;
    }
    .custom-table .custom-table-head {
        top: 0px;
    }
    .payment .cw-1000 {
        max-width: 1000px;
    }
    .cw-1000 {
        max-width: 800px;
    }
    .button-custom.button-xl {
        font-size: 20px;
        padding: 23px 35px;
        min-width: 220px;
    }
    .button-custom.button-xxl {
        font-size: 22px;
        padding: 28px 35px;
        min-width: 220px;
    }
    .button-custom.button-lg {
        font-size: 18px;
        padding: 21px 35px;
    }
    .button-custom.button-xl .icon-calculator {
        margin-left: 10px;
    }
    .preview {
        font-size: 16px;
    }
    section.slider-main .holder {
        max-width: 1270px;
    }
    section.slider-main .slide-box:nth-child(even) .frame-holder .image-holder {
        max-width: 320px;
    }
    section.slider-main .frame-holder .screen-holder {
        max-width: 480px;
    }
    section.slider-main .slide-box:nth-child(odd) .frame-holder .image-holder {
        right: 56px;
        bottom: -18px;
        max-width: 260px;
    }
    section.slider-main .items .item:nth-child(2) {
        margin-left: 50px;
    }
    section.slider-main .items .item:nth-child(2),
    section.slider-main .items .item:nth-child(3),
    section.slider-main .items .item:nth-child(6),
    section.slider-main .items .item:nth-child(8) {
        font-size: 32px;
    }

    section.slider-main .items .item {
        max-width: 295px;
    }
    section.slider-main .slide-box:nth-child(even) .title-icon {
        left: 69%;
    }
    section.slider-main .slide-box:nth-child(even) .items .item:nth-child(7) {
        margin-right: 0px;
        max-width: 173px;
    }
    section.slider-main .title-icon {
        bottom: -126px;
    }
    section.slider-main .items {
        margin-top: 90px;
    }
    section.slider-main .title-icon svg {
        height: 130px;
        width: 115px;
    }
    section.slider-main .holder .title {
        max-width: 770px;
    }
    section.promo-banner .d-table-cell {
        height: 480px;
    }
    section.banner .icon-holder {
        right: -202px;
        bottom: -158px;
    }
    section.banner .icon-holder svg {
        width: 85px;
        height: 189px;
    }
    header.main-header {
        max-width: 1370px;
    }
    footer.main-footer {
        max-width: 1370px;
    }
    section {
        max-width: 1370px;
    }
    section.news-section .news-box {
        max-width: 550px;
    }
    section.news-section .facts-box {
        padding-top: 40px;
    }
    section.we-are .boxes-head .box {
        max-width: 525px;
    }
    .icon-calculator {
        margin-top: -11px;
        margin-bottom: -11px;
    }
    .description {
        font-size: 19px;
    }
    .price-box {
        max-width: 399px;
        margin-top: -50px;
        height: 520px;
        padding: 120px 40px 50px;
    }
    .price-box .price-amount {
        font-size: 110px;
        line-height: 95px;
    }
    .price-box .price-title {
        font-size: 24px;
    }
    .price-box .price-billing {
        font-size: 24px;
    }
    .price-box .price-sale {
        font-size: 38px;
    }
    section.banner.banner-main .button-holder {
        max-width: 820px;
    }
    .nav-pills-main li.nav-item a.nav-link {
        padding: 40px 30px 40px;
    }
    .frames-holder .dots .dot .info h5 {
        font-size: 14px;
    }
    .frames-container {
        max-width: 950px;
        height: 600px;
        margin: 0 auto -37px;
    }
    .frames-holder .frame svg {
        transform: scale(0.8);
    }
    .frames-holder .frame.frame-01 {
        left: 30px;
        top: 20px;
    }
    .frames-holder .frame.frame-02 {
        top: 20px;
    }
    .frames-holder .frame.frame-02 svg {
        left: 20px;
        position: relative;
    }
    .frames-holder .frame.frame-03 {
        right: 40px;
        top: 20px;
    }
    .frames-holder .frame.frame-04 {
        left: 60px;
        bottom: 40px;
    }
    .frames-holder .frame.frame-05 {
        bottom: 40px;
    }
    .frames-holder .frame.frame-05 svg {
        left: 20px;
        position: relative;
    }
    .frames-holder .frame.frame-06 {
        bottom: 40px;
        right: 60px;
    }
    .frames-holder .dots .dot .icon {
        height: 52px;
        width: 52px;
        line-height: 50px;
    }
    .frames-holder .dots .dot .icon svg {
        width: 18px;
    }
    .frames-holder .dots .dot .info {
        padding: 6px 15px 6px 35px;
    }
    section.banner-service .image {
        background-size: cover;
        top: 0px;
        max-width: 922px;
        height: 500px;
    }
    .pt-100 {
        padding-top: 80px;
    }
    section {
        margin-bottom: 80px;
    }
    .testimonials .testimonial .icon-right {
        right: -14%;
    }
    .testimonials .testimonial .icon-right svg {
        width: 70px;
    }
    .testimonials .testimonial .icon-left {
        left: -14%;
    }
    .testimonials .testimonial .icon-left svg {
        width: 80px;
    }
    ul.nav-tabs li.nav-item a.nav-link {
        font-size: 20px;
        padding: 20px 35px 20px 15px;
    }
    ul.nav-tabs li.nav-item a.nav-link .arrow {
        right: 5px;
    }
    section.custom-tabs ul.nav.nav-tabs {
        max-width: 585px;
    }
    section.custom-tabs.custom-tabs-cat .card-body ul.nav.nav-tabs {
        margin-left: 10px;
        max-width: 455px;
    }
    .plans .plan {
        max-width: 550px;
    }
    section.promo-banner  {
        padding: 0 20px;
    }
    section.promo-banner .content {
        max-width: 100%;
    }
}
@media (min-width: 767px) and (max-width: 1600px){
    .price-box .price-holder.price-holder-xl  {
        margin-left: -55px;
        margin-right: -55px;
    }
    .price-box .price-holder.price-holder-xl  .price-amount {
        font-size: 100px;
        line-height: 80px;
    }
}
@media (min-width: 1200px) and (max-width: 1600px){
    .container {
        max-width: 1270px;
    }
    .mt-5 {
        margin-top: 2.5rem !important;
    }
    .mb-5 {
        margin-bottom: 2.5rem !important;
    }
    .mx-5 {
        margin-right: 1rem!important;
        margin-left: 1rem!important;
    }
    header.main-header .button-holder.ms-xl-5 {
        margin-left: 0rem!important;
    }
    header.main-header .button-link {
        font-size: 16px;
    }
    nav.menu.main-menu > ul > li > a {
        font-size: 16px;
    }
    nav.menu.main-menu ul.submenu li a {
        padding: 12px 30px 12px 30px;
        font-size: 14px;
    }
    .mt-xl-5 {
        margin-top: 1rem!important;
    }
    .pe-xl-5 {
        padding-right: 0rem!important;
    }
    .ps-xl-5 {
        padding-left: 0rem!important;
    }
    .price-box .mt-5 {
        margin-top: 2rem !important;
    }
    .nav-pills-main {
        max-width: 1080px;
    }
    .nav-pills-main li.nav-item a.nav-link {
        padding: 30px 20px 30px;
    }
    .nav-pills-main li.nav-item a.nav-link .tab-name {
        font-size: 28px;
    }
    section.banner-service .list {
        max-width: 800px;
    }
    section.banner-service .list ul li {
        margin-bottom: 15px;
    }
    section.banner-service .list .col-xl-4 {
        width: 50%;
    }
    section.banner-service .description {
        max-width: 600px;
    }
    .price-box .price-icon {
        left: 82px;
        top: 182px;
    }
    .form-payment .form-radio {
        font-size: 15px;
    }
}
@media (max-width: 1400px) {
    .button-custom.button-full-width{
        font-size: 20px;
        padding: 17px 35px;
        min-width: auto;
        width: auto;
    }
    body {
        font-size: 15px;
    }
    h1 {
        font-size: 60px;
    }

    h2 {
        font-size: 40px;
    }

    h3 {
        font-size: 26px;
    }

    h4 {
        font-size: 20px;
    }
    .nav-pills-main li.nav-item a.nav-link {
        padding: 20px 15px 20px;
    }
    .nav-pills-main li.nav-item a.nav-link .tab-description {
        font-size: 14px;
    }
    section.banner.banner-main .button-holder {
        max-width: 700px;
    }
    .form-website-status .form-field .button-custom {
        height: 50px;
    }
    main.main-content {
        padding-top: 87px;
    }
    ul.nav-tabs li.nav-item {
        margin-bottom: 5px;
    }
    header.main-header .logo {
        display: inline-block;
        margin: 15px 0;
    }
    header.main-header .button-holder {
        margin: 15px 0;
    }
    nav.menu.main-menu ul li {
        padding-bottom: 23px;
        padding-top: 5px;
    }
    .button-link {
        font-size: 15px;
    }
    .button-custom {
        font-size: 16px;
        padding: 18px 30px;
    }
    .image.rounded-5,
    header.rounded-5,
    section.rounded-5 {
        border-radius: 0!important;
    }
    header.main-header,
    footer.main-footer {
        border-radius: 0;
    }
    h2.title-md {
        font-size: 35px;
    }
    nav.menu.main-menu ul li a {
        font-size: 17px;
    }
    .form .form-label {
        font-size: 12px;
        margin-bottom: 8px;
    }
    .form .form-control {
        height: 50px;
        font-size: 14px;
    }
    .form .form-field {
        margin-bottom: 20px;
    }
    ul.nav-tabs li.nav-item a.nav-link {
        font-size: 18px;
        line-height: 1.2;
        padding: 18px 35px 18px 15px;
    }
    ul.nav-tabs li.nav-item a.nav-link .arrow {
        top: 13px;
    }
    section.planner .form-planner {
        max-width: 480px;
    }
    section.planner .py-lg-4 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }
    .info {
        font-size: 14px;
    }
    .table thead tr th {
        font-size: 12px;
        padding: 5px 0;
    }
    .table {
        font-size: 14px;
    }
    section.planner .downtime-summary .button-holder {
        bottom: -57px;
    }
    .form-payment .StripeElement {

        padding: 15px 0.75rem;
        height: 50px;
    }
}
@media (min-width: 1200px) and (max-width: 1400px) {
    h1 {
        font-size: 58px;
    }
    h3 {
        font-size: 23px;
    }
    .post-instagram .image-holder {
        height: 125px;
        width: 126px;
    }
    .ribbon {
        top: 0;
        right: 10px;
    }
    footer.main-footer nav.menu ul li a {
        font-size: 14px;
        margin-bottom: 15px;
    }
    section.news-section .scrollbar-inner {
        max-height: 330px;
        min-height: 330px;
    }
    section.slider-main .frame-holder .screen-holder {
        max-width: 410px;
    }
    section.slider-main .frame-holder .shape {
        height: 360px;
    }
    section.slider-main .slide-box:nth-child(even) .frame-holder .image-holder {
        max-width: 240px;
        left: -130px;
    }
    section.slider-main .slide-box:nth-child(odd) .button-holder {
        bottom: -18px;
    }
    section.slider-main .slide-box:nth-child(even) .title-icon {
        left: 71%;
    }
    section.slider-main .slide-box:nth-child(odd) .title-icon {
        left: 29%;
    }
    section.slider-main .items .item {
        max-width: 250px;
    }
    section.slider-main .items .item:nth-child(5) {
        margin-right: 80px;
    }
    section.slider-main .items .item:nth-child(2), section.slider-main .items .item:nth-child(3), section.slider-main .items .item:nth-child(6), section.slider-main .items .item:nth-child(8) {
        font-size: 28px;
    }
    section.slider-main .holder .title {
        max-width: 650px;
    }
    section.slider-main .slide-box:nth-child(odd) .frame-holder .image-holder {
        right: 95px;
        bottom: -13px;
        max-width: 190px;
    }
    .button-custom.button-xl .icon-calculator {
        transform: scale(0.9);
    }
    .price-box .price-bottom {
        font-size: 14px;
        bottom: 50px;
    }
    section.custom-tabs .col-xl-2 {
        width: 20%;
    }
    section.custom-tabs .col-xl-10 {
        width: 80%;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
    section.custom-tabs .card .card-body {
        padding-left: 0;
    }
    section.custom-tabs.custom-tabs-cat .card-body ul.nav.nav-tabs {
        max-width: 400px;
    }
    nav.menu.main-menu ul li a {
        font-size: 16px;
    }
    .button-custom.button-xxl {
        font-size: 18px;
    }
    .button-custom.button-xl {
        font-size: 18px;
    }
    .button-custom.button-lg {
        font-size: 18px;
    }
    .button-custom.button-xl {
        padding: 23px 25px;
    }
    .post-instagram .content-holder h4 {
        font-size: 18px;
    }
    .mb-xl-5 {
        margin-bottom: 2rem!important;
    }
    .posts .post.p-xl-5 {
        padding: 2rem!important;
    }
    section.news-section .news-box {
        max-width: 490px;
    }
    section.we-are .boxes-head .box {
        max-width: 465px;
    }
    section.banner-service .col-xl-8 {
        width: 64%;
    }
    section.banner-service .col-xl-4 {
        width: 36%;
    }
    .price-box .price-icon {
        left: 82px;
        top: 187px;
    }
    .testimonials .testimonial .icon-left {
        left: -19%;
    }
    .testimonials .testimonial .icon-right {
        right: -19%;
    }
    .testimonials .testimonial .icon-left svg {
        width: 80px;
        height: 314px;
    }
    section.planner .downtime-summary .button-holder .button-custom {
        font-size: 20px;
    }
    section.custom-tabs .scrollbar-inner.column-tabs {
        padding-right: 40px;
    }
    nav.menu ul li {
        padding-bottom: 20px;
        font-size: 15px;
    }
    .post-ajax .post-preview {
        padding-left: 30px;
    }
    .numbers .number  .preview {
        font-size: 14px;
    }
    .numbers .number .percentage {
        font-size: 50px;
    }
    .description {
        font-size: 17px;
    }
    section.promo-banner .d-table-cell {
        height: 400px;
    }
    .newsletter {
        max-width: 300px;
    }
}
@media (max-width: 1200px) {
    body {
        font-size: 15px;
    }
    h1 {
        font-size: 55px;
    }
    h3 {
        font-size: 26px;
    }
    h2.title-md {
        font-size: 26px;
    }
    h1.title-lg {
        font-size: 45px;
    }

    .form-website-status .form-field {
        max-width: 700px;
    }
    section.promo-banner {
        padding: 0;
    }
    section.promo-banner .banner.rounded-5 {
        border-radius: 0 !important;
    }
    section.slider-main .holder .title {
        max-width: 670px;
    }
    section.slider-main .slide-box:nth-child(even) .frame-holder {
        float: none;
    }
    section.slider-main .slide-box:nth-child(odd) .frame-holder {
        float: right;
        margin-right: 80px;
    }
    section.slider-main .slide-box:nth-child(even) .frame-holder .image-holder {
        left: inherit;
        right: 100px;
        bottom: 0;
    }
    section.slider-main .button-holder {
        margin-top: 0;
    }
    section.slider-main .slide-box:nth-child(odd) .frame-holder .screen-holder {
        float: right;
    }
    section.slider-main .slide-box:nth-child(even) .button-holder {
        float: none;
    }
    section.slider-main .slide-box:nth-child(odd) .frame-holder .image-holder {
        right: inherit;
        left: 50px;
        bottom: 0;
        max-width: 260px;
        transform: scaleX(-1);
    }
    section.slider-main .button-holder {
        text-align: center;
        clear: both;
    }
    section.slider-main .slide-box:nth-child(odd) .frame-holder,
    section.slider-main .slide-box .frame-holder {
        float: none;
        max-width: 785px;
        margin-top: 30px;
    }
    section.slider-main .slide-box:nth-child(odd) .button-holder {
        left: 39%;
    }
    section.slider-main .slide-box:nth-child(even) .button-holder {
        left: 21%;
    }
    section.slider-main .frame-holder {
        float: none;
        margin: 0 auto;
    }
    .list-style-custom ul li:before {
        top: 13px;
    }
    .description {
        font-size: 18px;
    }
    .preview {
        font-size: 15px;
    }
    .price-box .price-bottom {
        bottom: 55px;
    }
    .price-box .price-icon {
        left: 71px;
        top: 190px;
    }
    .plans .plan {
        padding: 40px 20px;
        max-width: 385px;
    }
    .plans:after {
        top: 35%;
        font-size: 26px;
    }
    .button-custom.button-lg {
        font-size: 15px;
        padding: 21px 30px;
    }
    section.promo-banner .d-table-cell {
        height: 360px;
    }
    .list ul li {
        margin-bottom: 15px;
        font-size: 15px;
        padding-left: 40px;
    }
    .post {
        padding: 40px;
    }
    .post .post-title {
        line-height: 1.6;
    }
    .post-ajax .post-preview {
        padding-left: 25px;
    }
    section.news-section .facts-box {
        padding-top: 0px;
        padding-left: 30px;
    }
    .nav-pills-main li.nav-item a.nav-link .tab-name {
        font-size: 24px;
        line-height: 1.2;
    }
    .nav-pills-main li.nav-item a.nav-link .tab-description {
        font-size: 14px;
    }
    .button-custom.button-xl {
        font-size: 18px;
        padding: 21px 25px;
    }
    .button-custom.button-xl .icon-calculator {
        transform: scale(0.8);
        margin-left: 5px;
    }
    section.banner.banner-main .button-holder {
        max-width: 700px;
    }
    section.banner .icon-holder {
        display: none;
    }
    section.banner .icon-holder svg {
        width: 74px;
    }
    .frames-container {
        height: 500px;
        max-width: 860px;
        margin: 0 auto 150px;
    }
    .frames-container .image {
        background-size: contain;
    }
    .testimonials .testimonial .icon-left {
        left: -100px;
    }
    .testimonials .testimonial .icon-right {
        right: -100px;
    }
    .button-custom {
        font-size: 17px;
        padding: 18px 25px;
    }
    section.banner-service .image {
        right: 0;
        max-width: 670px;
        height: 339px;
    }
    .testimonials .testimonial .icon-left svg {
        width: 48px;
    }
    .testimonials .testimonial .icon-right {
        right: -120px;
    }
    .testimonials .testimonial .icon-right svg {
        width: 48px;
    }
    .testimonials .testimonial .icon-left {
        left: -120px;
    }
    .testimonial {
        max-width: 600px;
        margin: 0 auto;
    }
    section.promo-banner .d-table-cell {
        height: auto;
    }
    section.promo-banner .content-holder {
        padding: 50px;
    }
    section.promo-banner .content {
        max-width: 540px;
    }
    header.main-header .logo {
        margin: 10px 0;
    }
    .nav-pills-main li.nav-item a.nav-link {
        padding: 30px 15px 40px;
    }
    section.planner .downtime-icon {
        display: none;
    }
    section.planner .form-planner {
        max-width: 100%;
    }
    .custom-table .custom-table-head {
        top: 0;
    }
    .custom-table .ribbon {
        transform: scale(0.7);
    }
    .ribbon {
        right: 0px;
    }
    .ribbon.ribbon-xl {
        right: 30px;
        top: 30px;
    }
    .ribbon.ribbon-xxl {
        top: -25px;
    }
    .price-tab .ribbon {
        right: -185px;
    }
    .menu-open header.main-header nav.menu ul li.active a:before {
        transform: translateX(0);
        opacity: 1;
    }
    nav.menu ul li.active a {
        position: relative;
    }
    nav.menu ul li.active a:before {
        content: "";
        position: absolute;
        transition: all ease 0.5s;
        opacity: 0;
        transform: translateX(-200px);
        left: -15px;
        top: 7px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 0 7px 7px;
        border-color: transparent transparent transparent #35CEAB;
    }
    nav.menu ul li.active a {
        color: inherit;
    }
    section.planner .downtime-summary .button-holder {
        bottom: 0;
        position: relative;
    }
    .button-custom.button-custom-secondary.button-full-width{
        font-size: 20px;
        padding: 15px 0px;
        min-width: auto;
        width: 100%;
    }
}
@media (max-width: 992px) {
    h1 {
        font-size: 50px;
    }
    h2.title-md {
        font-size: 35px;
    }
    article h2 {
        font-size: 35px;
    }
    .ribbon {
        top: -5px;
        right: 0;
    }
    .ribbon.ribbon-xl {
        right: 10px;
        top: -30px;
        transform: scale(0.8);
    }
    .testimonial {
        max-width: 480px;
        margin: 0 auto;
    }
    .price-box.price-box-danger .price-notice {
        font-size: 30px;
    }
    .price-box .price-bottom h4 {
        font-size: 17px;
    }
    .price-box .price-holder {
        height: 80px;
    }
    .custom-table .custom-table-footer .button-custom {
        margin-bottom: -61px;
    }
    section.promo-banner .image:after {
        background:rgba(3, 19, 34, 0.56);
    }
    section.slider-main .slide-box:nth-child(odd) .frame-holder .image-holder {
        max-width: 225px;
    }
    section.slider-main .slide-box:nth-child(even) .frame-holder .image-holder {
        left: inherit;
        right: 112px;
        bottom: -22px;
        max-width: 263px;
    }
    section.slider-main .frame-holder .shape {
        height: 305px;
    }
    section.slider-main .frame-holder .screen-holder {
        max-width: 360px;
    }
    .description {
        font-size: 18px;
    }
    .scrollbar-inner {
        max-height: inherit;
        overflow: auto;
        min-height: inherit;
    }
    section.news-section .scrollbar-inner {
        max-height: 350px;
    }
    nav.menu.main-menu ul li {
        max-width: 144px;
        text-align: center;
        padding-top: 0;
        padding-bottom: 22px;
    }
    section.banner .icon-holder svg {
        display: none;
    }
    section.custom-tabs .card {
        margin-bottom: 10px;
    }
    section.custom-tabs .card .card-body {
        padding: 10px 0;
    }
    section.custom-tabs.custom-tabs-simple .card .card-body {
        padding: 10px 20px;
    }
    section.custom-tabs .card .card-body .card-body {
        padding: 20px;
    }
    section.custom-tabs .tab-content>.tab-pane {
        display: block;
    }
    section.custom-tabs .tab-content>.tab-pane.fade:not(.show) {
        opacity: 1;
    }
    .price-box .price-amount {
        font-size: 100px;
        line-height: 80px;
    }
    .price-box .price-title {
        font-size: 22px;
    }
    .price-box .price-icon {
        left: 70px;
        top: 107px;
    }
    .price-box .price-bottom {
        bottom: 37px;
    }
    .price-box .price-sale {
        font-size: 30px;
        line-height: 47px;
    }
    .price-box .price-billing {
        font-size: 22px;
    }
    .price-box .frame {
        height: 390px;
    }
    .price-box {
        height: 390px;
        max-width: 336px;
        margin: 30px 0 0;
        padding: 55px 25px 30px;
    }
    .plans:after {
        top: 43%;
        font-size: 26px;
    }
    .plans .plan {
        max-width: 100%;
    }
    .plans:after {
        display: none;
    }
    .testimonials .testimonial .icon-left {
        left: -70px;
    }
    .testimonials .testimonial .icon-right {
        right: -70px;
    }
    section.custom-tabs.custom-tabs-cat .card-body ul.nav.nav-tabs {
        margin-left: 0px;
        max-width: 100%;
    }
    .border-end {
        border: none !important;
    }
    .post-ajax .post-preview:before {
        content: none;
    }
    .post-ajax .post-preview {
        padding-left: 0px;
        margin-top: 10px;
    }
    .featured-tabs-accordion .card-header .card-title .tab-name {
        font-size: 32px;
        text-transform: uppercase;
        color: #35ceab;
    }
    .featured-tabs-accordion .card-header .card-title .tab-name {
        font-size: 26px;
        color: #35ceab;
    }
    .featured-tabs-accordion .card-header .card-title .tab-description br {
        display: none;
    }
    .featured-tabs-accordion .card-header .card-title .tab-name span {
        font-size: 14px;
        margin-bottom: 5px;
        text-transform: uppercase;
        display: block;
        color: #012B47;
    }
    .featured-tabs-accordion .card-header .card-title .tab-name sup {
        font-size: 16px;
        position: relative;
        color: #012B47;
        display: inline-block;
        margin-left: 5px;
        top: 0;
        text-transform: none;
    }
    .featured-tabs-accordion .card-header .card-title .tab-description {
        font-size: 20px;
    }
    .form-contact {
        background: #E3ECED;
        padding: 30px;
        border-radius: 10px;
    }
    .custom-table .custom-table-head h3 {
        font-size: 22px;
    }
    .custom-table .button-custom {
        min-width: 100%;
    }
    .custom-table .custom-table-head .custom-table-row .custom-table-cell {
        padding: 50px 0 20px;
    }
    .custom-table:not(.custom-table-md) .custom-table-body .custom-table-row .custom-table-col:first-child .custom-table-cell {
        padding: 10px 5px;
    }
    .custom-table .custom-table-body .custom-table-row .custom-table-cell {
        padding: 25px 5px;
    }
    .custom-table .list ul li {
        padding-left: 20px;
    }
    .custom-table .list ul li {
        font-size: 12px;
    }
    .custom-table.custom-table-md .custom-table-body .custom-table-row .custom-table-cell {
        padding: 10px 5px;
    }
    .custom-table .list ul li:before {
        left: 0px;
        top: 3px;
    }
    .custom-table .list ul li:after {
        content: none;
    }
    section.banner.banner-scan .button-holder {
        margin-right: 0px;
    }
    section.custom-tabs .card .card-header .card-title a[aria-expanded=true] {
        color: #fff;
        background: #012B47;
    }
    section.custom-tabs .card .card-header .card-title a[aria-expanded=true] .arrow:before,
    section.custom-tabs .card .card-header .card-title a[aria-expanded=true] .arrow:after {
        background: #fff;
    }
    section.custom-tabs .card  .card .card-header .card-title a[aria-expanded=true] .arrow:before,
    section.custom-tabs .card  .card  .card-header .card-title a[aria-expanded=true] .arrow:after {
        background: #012B47;
    }
    section.custom-tabs .card .card .card-header .card-title a .arrow {
        top: 14px;
    }
    section.custom-tabs .card .card .card-header .card-title a {
        padding: 15px 35px 15px 20px;
    }
    section.custom-tabs .card .card .card-header .card-title a[aria-expanded=true] {
        color: #012B47;
        background: #fff;
    }
    .price-tab.price-tab-discount {
        padding: 5px 150px 10px 3rem;
    }
    .ribbon.ribbon-xxl {
        line-height: 20px;
        padding-top: 10px;
        height: 100px;
        width: 100px;
        top: 0;
        font-size: 16px;
    }
    .ribbon.ribbon-xxl span {
        font-size: 20px;
    }
    .ribbon.ribbon-xxl big {
        font-size: 34px;
        line-height: 34px;
    }
}
@media (max-width: 767px) {
    h1 {
        font-size: 50px;
    }
    h2 {
        font-size: 34px;
    }
    h3 {
        font-size: 24px;
    }
    h1.title-lg {
        font-size: 40px;
    }
    h1.title-md {
        font-size: 35px;
    }
    .pre-title {
        font-size: 12px;
    }
    .price-tab.price-tab-discount {
        padding: 5px 30px 10px 3rem;
        display: block;
    }
    .price-box .price-bottom a.link-lg {
        font-size: 22px;
    }
    .price-box {
        margin: 30px auto 0;
    }
    .ribbon.ribbon-xl {
        top: -10px;
    }
    nav.menu ul li.active a:before {
        top: 6px;
        border-width: 6px 0 6px 6px;
    }
    .card-body .scrollbar-inner {
        max-height: inherit;
        overflow: visible;
        min-height: inherit;
    }
    .scanner-form {
        padding: 40px 25px;
    }
    .post-instagram .text {
        font-size: 12px;
        margin: 0 0 5px;
    }
    .post-instagram h4 {
        font-size: 15px;
    }
    .post-instagram .image-holder {
        height: 115px;
        width: 100%;
    }
    section.news-section .facts-box {
        padding-left: 0px;
    }
    section.promo-banner .content-holder {
        padding: 40px 15px;
    }
    .custom-table-cell .list {
        margin-left: -15px;
        margin-right: -10px;
    }
    .custom-table-cell .list ul li {
        padding-left: 20px;
        text-align: left;
        font-size: 10px;
        line-height: 1.3;
    }
    .compare-section .bg-white {
        background: transparent !important;
        padding: 0 !important;
    }
    .custom-table-cell .list ul li:before {
        top: 0px;
        left: 5px;
    }
    .custom-table .custom-table-footer {
        margin-top: 30px;
    }
    .custom-table .custom-table-footer .button-custom {
        margin: 0;
        padding-left: 25px;
        padding-right: 25px;
    }
    .custom-table .custom-table-body .custom-table-row .custom-table-cell.button-holder {
        margin-left: -10px;
        margin-right: -10px;
    }
    .custom-table-cell .list ul li:after {
        content: none;
    }
    .pt-100 {
        padding-top: 50px;
    }
    .price-box .price-icon {
        left: 50px;
    }
    section.slider-main .slide-box:nth-child(odd) .button-holder {
        left: 0;
        bottom: 0;
        position: relative;
    }
    section.slider-main .slide-box:nth-child(even) .button-holder {
        left: 0;
        bottom: 0;
        position: relative;
    }
    section.slider-main .frame-holder .shape {
        display: none;
    }
    section.slider-main .slide-box:nth-child(odd) .frame-holder .screen-holder {
        float: none;
    }
    section.slider-main .slide-box:nth-child(even) .frame-holder {
        margin-top: 0;
    }
    section.slider-main .frame-holder .screen-holder {
        max-width: 100%;
    }
    section.slider-main .slide-box:nth-child(odd) .frame-holder .image-holder {
        bottom: inherit;
        top: -154px;
        left: inherit;
        right: 0;
        transform: scaleX(1);
        max-width: 154px;
    }
    section.slider-main .slide-box:nth-child(odd) .frame-holder {
        margin-right: 0;
    }
    section.slider-main .frame-holder .image-holder {
        transform: translateZ(150px) scale(0.8);
    }
    section.slider-main .slide-box:nth-child(even) .frame-holder .image-holder {
        left: inherit;
        right: 19px;
        bottom: inherit;
        max-width: 159px;
        top: -100px;
    }
    section.slider-main .slider-btn {
        font-size: 16px;
    }
    section.slider-main .list ul li {
        margin-bottom: 15px;
        padding-left: 40px;
        font-size: 15px;
    }
    section.slider-main {
        padding-bottom: 0;
    }
    section.planner .downtime-summary {
        padding: 20px;
    }
    section.planner .downtime-summary .button-holder .button-custom {
        font-size: 13px;
    }
    section.planner .info {
        font-size: 11px;
        margin-top: 5px;
    }
    section.planner .table thead tr th {
        font-size: 8px;
        padding: 6px 0;
    }
    section.planner .table tbody tr td {
        padding: 8px 0;
    }
    section.planner .downtime-summary.load .table-holder .table {
        font-size: 12px;
    }
    nav.social-links {
        height: 60px;
        width: 100%;
    }
    nav.social-links .social-share-icon a svg {
        width: 16px;
        height: 14px;
        position: relative;
        top: -5px;
    }
    nav.social-links .social-share-icon a {
        margin-right: 0;
        height: 36px;
        width: 36px;
        line-height: 30px;
        font-size: 15px;
        vertical-align: top;
    }
    .featured-tabs-accordion .card-header .card-title .tab-name {
        font-size: 26px;
        color: #35ceab;
    }
    .featured-tabs-accordion .card-header .card-title .tab-name sup {
        color: #012B47;
        margin-left: 5px;
        font-size: 20px;
    }
    .featured-tabs-accordion .card-header .card-title .tab-description {
        font-size: 17px;
    }
    .price-box {
        margin-top: 0;
    }
    .post .post-title {
        font-size: 22px;
    }
    .description {
        font-size: 16px;
    }
    section.banner-main h1 {
        font-size: 40px;
    }
    section.banner .button-custom.w-100 {
        width: auto !important;
    }
    section.banner {
        margin-bottom: 30px;
    }
    section.we-are .boxes-head .box.box-offset {
        margin-top: 0px;
    }
    .preview {
        line-height: 1.6;
    }
    .bg-light {
        padding: 50px 0;
    }
    main.main-content {
        padding-top: 75px;
    }
    section.custom-tabs .card .card-header .card-title a {
        font-size: 20px;
    }
    .testimonials .testimonial .preview {
        line-height: 1.6;
        font-size: 14px;
    }
    .testimonials .testimonial .icon-left {
        left: -15px;
        top: calc(100% - 50px);
    }
    .testimonials .testimonial .icon-right {
        right: -15px;
        top: calc(100% - 50px);
    }
    .testimonials .testimonial .icon-left svg {
        width: 28px;
        height: 130px;
    }
    .testimonials .testimonial .icon-right svg {
        width: 28px;
        height: 130px;
    }
    .testimonial {
        max-width: 85%;
        margin: 0 auto;
    }
    .title br {
        display: none;
    }
    .button-holder .button-custom {
        margin-right: 0px;
    }
    .post {
        padding: 30px;
    }
    .newsletter {
        background-color: #E3ECED;
        border-radius: 10px;
        max-width: 100%;
        padding: 30px;
    }
    footer.main-footer {
        padding: 80px 0 15px;
    }
    .newsletter .form .form-control {
        height: 60px;
    }
    .form .form-control {
        height: 48px;
    }
    .form .form-label {
        font-size: 12px;
        margin-bottom: 2px;
    }
    .form .form-field {
        margin-bottom: 20px;
    }
    .info {
        font-size: 15px;
    }
    .featured-tabs-accordion .button-holder .button-custom {
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
    }
    section.icon-boxes .info,
    section.icon-boxes .description {
        max-width: 95%;
        margin: 0 auto;
    }
    section.planner #downtime-summary {
        margin-top: 40px;
    }
    .custom-table .custom-table-head h3 {
        font-size: 18px;
    }
    .custom-table .custom-table-head .custom-table-row .custom-table-cell {
        padding: 40px 0 10px;
    }

    .custom-table .custom-table-head .text {
        font-size: 10px;
        line-height: 1.8;
    }
    .custom-table .button-custom {
        font-size: 14px;
        padding: 10px 5px;
    }
    .custom-table .price-cell * {
        font-size: 14px;
        line-height: 1;
    }
    .custom-table .price-cell h4 {
        font-size: 16px;

    }
    .custom-table .button-link {
        font-size: 12px;
    }
    .custom-table:not(.custom-table-md) .custom-table-body .custom-table-row .custom-table-col:first-child .custom-table-cell {
        border-bottom: 1px solid #BED0D2;
        font-weight: 600;
        font-size: 14px;
    }
    .custom-table .custom-table-body .custom-table-row .custom-table-cell {
        padding: 8px 5px;
    }
    .form-radio.form-radio-invert {
        line-height: 1.4;
        font-size: 16px;
    }
    .form-radio.form-radio-invert .checkmark:before {
        width: 20px;
        height: 20px;
    }
    .form-radio.form-radio-invert .checkmark:after {
        border-width: 6px;
        width: 20px;
        height: 20px;
    }
    .form-radio.form-radio-invert .radio-label {
        padding:15px 20px 15px 45px;
    }
    .form-radio.form-radio-invert .checkmark {
        top: 17px;
        left: 15px;
    }
    nav.mobile-menu ul li {
        margin: 10px 0;
    }
    nav.mobile-menu ul li a {
        font-size: 18px;
    }
    nav.menu ul {
        padding-bottom: 80px;
    }
    .scroll-top {
        height: 42px;
        width: 42px;
        line-height: 32px;
        bottom: 15px;
    }
    nav.social-links {
        position: relative;
    }
    nav.social-links .social-share-icon {
        position: relative;
        margin-left: 5px;
        width: 100%;
    }
    nav.social-links .social-share-icon a {
        transform: translateX(0) !important;
        transition: none !important;
        opacity: 1 !important;
    }
    .main-wrapper section:not(.compare-section) {
        width: 100%;
        overflow: hidden;
    }
    .custom-table .ribbon {
        top: -15px;
        transform: scale(0.5);
    }
    .form-payment .form-radio {
        font-size: 16px;
        margin-right: 15px;
    }
    .form-payment .form-radio .info {
        font-size: 14px;
    }
    .price-tab .ribbon {
        right: 0px;
    }
    .price-tab .ribbon:before {
        left: -28px;
        font-size: 35px;
        top: 43px;
    }
    #apply_coupon {
        height: 48px;
        font-size: 15px;
        width: 100%;
        padding: 17px 10px;
    }
    .price-pane .price {
        font-size: 55px;
        position: relative;
    }
    .price-pane .price-sale {
        font-size: 28px;
        position: absolute;
        left: initial;
        top: 18px;
        margin-left: 7px;
    }
    .price-tab.price-tab-discount {
        padding: 5px 30px 10px 35px;
        display: block;
        width: calc(100% + 90px);
    }
}
@media (max-width: 360px) {
    .price-pane .price-sale {
        font-size: 30px;
    }
    .price-pane .price {
        font-size: 50px;
    }
    .ribbon.ribbon-xxl {
        top: -63px;
    }
    .price-tab.price-tab-discount {
        padding: 33px 30px 21px 25px;
        display: block;
        width: calc(100% + 90px);
        height: 130px;
    }
    .form-payment .form-radio {
        margin-right: 0;
    }
    .featured-tabs-accordion .card-header .card-title a {
        padding: 30px 25px 40px;
    }
    section.planner .downtime-summary .button-holder .button-custom {
        padding: 15px 25px;
        line-height: 1.2 !important;
    }
    .custom-table .custom-table-head h3 {
        font-size: 18px;
    }
    .custom-table .price-cell * {
        font-size: 12px;
        line-height: 1;
    }
    .custom-table .price-cell h4 {
        font-size: 15px;
    }
    .custom-table .custom-table-body .custom-table-row .custom-table-cell {
        padding: 10px 0px;
    }
}
@media (max-width: 320px) {
    h5 {
        font-size: 15px;
    }
    .featured-tabs-accordion .dots .dot .info img {
        display: none;
    }
    .button-custom.button-xl .icon-calculator {
        display: none;
    }
    footer.main-footer nav.menu ul li {
        padding-bottom: 20px;
    }
    footer.main-footer nav.menu ul li a {
        font-size: 13px;
    }
    section.planner .downtime-summary .button-holder .button-custom {
        padding: 15px 25px;
        line-height: 1.2 !important;
    }
    h1 {
        font-size: 45px;
    }
    .custom-table .custom-table-head h3 {
        font-size: 16px;
    }
    .custom-table .price-cell * {
        font-size: 13px;
        line-height: 1;
    }
    .custom-table .custom-table-body .custom-table-row .custom-table-cell {
        padding: 8px 0px;
    }
}
@media (min-width: 992px) {
    section.custom-tabs:not(.custom-tabs-open) .card .card-header {
        display: none;
    }
    section.custom-tabs:not(.custom-tabs-open) .card .collapse {
        display: block;
    }
}
@media (max-width: 1200px) {
    nav.mobile-menu {
        display: block;
    }
    .title br {
        display: none;
    }
    main.main-content {
        padding-top: 70px;
    }
    header.main-header {
        position: fixed;
    }
    body.entry-id-4174 header.main-header,
    body.entry-id-11870 header.main-header {
        position: absolute;
    }
    body.menu-open main.main-content {
        perspective: 100px;
    }
    body .main-wrapper {
        transition: all 250ms cubic-bezier(0.2, 0.3, 0.25, 0.9) 0ms;
        transform-origin: 0 50%;
    }
    body.menu-open main.main-content {
        overflow: hidden;
    }
    body.menu-open .main-wrapper {
        filter: blur(2px);
        pointer-events: none;
        transform: rotateY(0.2deg) translateX(10px) translateY(-95px) translateZ(-2px);
    }
}