@media (max-width: 1750px) {
    .doc_documentation_full_area.body_fixed .doc_left_sidebarlist {
        width: 266px;
    }

    .doc_documentation_full_area .container-fluid, .menu_one .container-fluid, .page_breadcrumb .container-fluid {
        max-width: 1470px;
    }

    .doc_documentation_full_area .doc_mobile_menu {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .doc_documentation_full_area .col-lg-8 {
        flex: 0 0 56.333333%;
        max-width: 56.333333%;
    }

    .doc_documentation_full_area .doc_right_mobile_menu {
        flex: 0 0 18.666667%;
        max-width: 18.666667%;
    }

    .doc_documentation_full_area.body_fixed .doc_left_sidebarlist {
        width: 338px;
    }

    .doc_documentation_full_area .documentation_item {
        padding-right: 0;
    }

    .onepage_doc_area .doc_left_sidebarlist {
        width: 100%;
    }

    .onepage_doc_area .documentation_info {
        padding-right: 0;
    }

    .onepage_doc_area .documentation_item {
        padding-right: 0;
    }

    .onepage_doc_area .doc_rightsidebar .bootstrap-select {
        width: 100% !important;
    }

    .onepage_doc_area.doc_documentation_area .doc_rightsidebar {
        padding-right: 0;
    }

    .onepage_doc_area.doc_documentation_area.body_fixed .doc_rightsidebar {
        width: 215px;
    }

    .onepage_doc_area.body_fixed .doc_left_sidebarlist {
        width: 212px;
    }

    .signup_area {
        min-height: 760px;
    }

    .sign_left {
        width: calc(50% - 260px);
        padding: 50px 45px 0;
    }

    .sign_right {
        width: calc(50% + 260px);
    }

    .signin_left .middle {
        max-width: 75%;
    }

    .sign_left h2 {
        font-size: 34px;
        line-height: 40px;
    }
}

@media (max-width: 1500px) {
    .nav-sidebar .nav-item {
        padding-right: 15px;
    }

    .doc_left_sidebarlist {
        margin-right: 0;
    }

    .full-width-doc .doc_left_sidebarlist {
        width: 270px;
    }

    .doc_rightsidebar {
        padding-left: 15px;
        margin-right: -20px;
    }

    .documentation_info, .shortcode_info {
        padding-right: 20px;
        padding-left: 0;
    }

    .link {
        padding-left: 25px;
        padding-right: 25px;
    }

    .documentation_info .documentation_item {
        padding-right: 0;
    }

    .v_menu .nav-item + li {
        margin-left: 26px;
    }

    .feedback_link p {
        padding-left: 0;
    }

    .table_shortcode thead th, .table_shortcode tbody tr td, .table_shortcode tbody tr th {
        padding-left: 15px;
        padding-right: 15px;
    }

    .changelog_inner {
        padding-right: 0;
    }

    .footer_area .f_man_two {
        left: 12px;
    }

    .footer_area .f_man {
        right: 12px;
    }

    .footer_bottom {
        padding: 38px 0;
    }

    .breadcrumb_area .one {
        right: 15%;
        bottom: 0;
    }

    .doc_documentation_full_area .container-fluid {
        max-width: 1200px;
    }

    .doc_documentation_full_area.body_fixed .doc_left_sidebarlist {
        width: 270px;
    }

    .doc_documentation_full_area .documentation_info {
        padding-left: 0;
        padding-right: 0;
    }

    .img_modal.fade .pointing_img_container .modal-content {
        max-height: 100vh;
    }

    .img_modal.fade .pointing_img_container .modal-content img {
        margin: 10px 0;
    }

    .help_form .modal-content {
        padding-top: 10px;
        padding-bottom: 30px;
    }
    @media (display-mode: standalone) {
         .help_form .modal-content {
            padding-top: 100px;
            padding-bottom: 30px;
        }
    }

    .onepage_doc_area .doc_rightsidebar .doc_switch {
        margin-left: -13px;
        padding-left: 15px;
    }

    .onepage_doc_area.body_fixed .doc_left_sidebarlist, .onepage_doc_area.doc_documentation_area.body_fixed .doc_rightsidebar {
        width: 190px;
    }
}

@media (max-width: 1400px) {
    .container-fluid.pl-60 {
        padding-left: 30px;
    }

    .container-fluid.pr-60 {
        padding-right: 30px;
    }

    .full-width-doc .container-fluid {
        max-width: 100%;
    }

    .onepage_doc_area.doc_documentation_area .doc_rightsidebar {
        margin-right: 0;
    }

    .onepage_doc_area.body_fixed .doc_left_sidebarlist, .onepage_doc_area.doc_documentation_area.body_fixed .doc_rightsidebar {
        width: 170px;
    }

    .full-width-doc .doc_rightsidebar .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 205px;
    }

    .nav_title {
        padding-left: 20px;
        padding-right: 20px;
    }

    .simple_footer .leaf_right {
        right: 10px;
    }

    .error_img {
        margin-top: -130px;
    }

    .documentation_item .icon {
        margin-right: 15px;
    }
}

@media (max-width: 1366px) {
    .signup_area {
        min-height: 620px;
    }

    .sign_left {
        padding-left: 25px;
        padding-right: 25px;
    }

    .sign_left .middle {
        max-width: 65%;
    }

    .signup_area_height .sign_inner p {
        margin-bottom: 0;
    }

    .signup_area_height .login_form .form-group {
        margin-bottom: 20px;
    }

    .signup_area_height .login_form .form-group .form-control {
        height: 50px;
        line-height: 50px;
    }

    .error_img .three, .error_img .one {
        top: -180px;
    }

    .error_img .two {
        top: -150px;
    }

    .error_img {
        height: 310px;
    }

    .error_img .error_shap {
        bottom: 0;
    }

    .error_img .img_one, .error_img .img_two, .error_img .img_three {
        max-width: 85%;
    }

    .error_img {
        margin-top: 0;
    }

    .onepage_doc_area {
        padding-top: 80px;
    }
}

@media (max-width: 1199px) {
    .doc_features_item_one {
        padding: 20px 15px;
    }

    .doc_features_item_one p {
        font-size: 15px;
    }

    .doc_features_item_one img {
        margin-right: 15px;
    }

    .documentation_item {
        padding-right: 0;
    }

    .doc_faq_info .card .card-header h2 button {
        padding-left: 20px;
    }

    .doc_faq_info .card .card-header h2 button i {
        right: 20px;
    }

    .link_widget.pl_70 {
        padding-left: 30px;
    }

    .f_widget.subscribe_widget {
        padding-right: 0;
    }

    .menu > .nav-item + .nav-item {
        margin-left: 35px;
    }

    .nav_btn {
        margin-left: 35px;
    }

    .categories_guide_item {
        padding-left: 20px;
        padding-right: 20px;
    }

    .theme_doc_item img {
        margin-right: 12px;
    }

    .theme_doc_item {
        padding-left: 15px;
        padding-right: 15px;
    }

    .doc_action_info {
        padding-left: 30px;
        padding-right: 30px;
    }

    .documentation_info .documentation_item {
        display: block;
        margin-bottom: 30px;
    }

    .documentation_info .documentation_item .icon {
        margin-right: 0;
        margin-bottom: 25px;
    }

    .v_menu .nav-item + li {
        margin-left: 7px;
    }

    .version .v_middle p {
        word-break: break-all;
    }

    .help_text .help_info {
        margin-left: -15px;
        margin-right: -15px;
    }

    .help_text .help_info .help_item {
        padding: 0 15px;
    }

    .question_box .question_text_two {
        padding-left: 0;
    }

    .feedback_link h6 {
        font-size: 15px;
    }

    .feedback_link p {
        font-size: 15px;
        margin-left: -15px;
    }

    .feedback_link .h_btn {
        margin-left: 2px;
        font-size: 14px;
    }

    .blog_sidebar.pl-40 {
        padding-left: 0;
    }

    .blog_top_post .b_top_post_content {
        padding: 40px 20px;
    }

    .blog_tab .nav-item .nav-link {
        padding: 17px 13px;
    }

    .blog_grid_post .grid_post_content {
        padding: 25px 25px 35px;
    }

    .doc_documentation_area.body_fixed .doc_left_sidebarlist {
        /* width: 210px;*/
    }

    .doc_documentation_area.body_fixed .doc_left_sidebarlist {
        position: relative;
    }

    /*.doc_documentation_area .shortcode_title {
        margin-bottom: 18px;
        border-radius: 0;
        overflow: visible;
    }*/

    .doc_rightsidebar {
        width: 200px;
    }

    .table_shortcode thead th, .table_shortcode tbody tr td, .table_shortcode tbody tr th {
        white-space: nowrap;
        padding-left: 6px;
        padding-right: 6px;
    }

    .table_shortcode tbody tr td {
        text-align: center;
    }

    .changelog_info .changelog_date .c_version {
        flex: 0;
        margin-left: 0;
        margin-right: 15px;
    }

    .changelog_info .changelog_date {
        padding-right: 12px;
        margin-bottom: 15px;
    }

    .changelog_content {
        padding-left: 0;
    }

    .changelog_info .changelog_date, .changelog_info .col-lg-8 {
        width: 100%;
        max-width: 100%;
        flex: 100%;
        flex-direction: row;
        text-align: left;
    }

    .changelog_info .line {
        display: none;
    }

    .changelog_info .c_version {
        display: inline-block;
    }

    .doc_banner_area_one .one {
        right: 50%;
    }

    .doc_banner_area_one .three {
        left: 320px;
    }

    .doc_banner_area_one .two {
        right: 178px;
    }

    .img_pointing.one {
        top: 45px;
        right: 155px;
    }

    .doc_documentation_full_area .container-fluid {
        max-width: 960px;
    }

    .nav-sidebar .nav-item .nav-link + .icon {
        right: 7px;
    }

    .changelog_info .col-lg-7 {
        max-width: 100%;
        flex: 100%;
    }

    .changelog_info .version_info {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .onepage_doc_area .container-fluid, .menu_one .container-fluid {
        max-width: 990px;
    }

    .onepage_doc_area .col-lg-2 {
        max-width: 24%;
        flex: 0 0 24%;
    }

    .onepage_doc_area .col-lg-8 {
        max-width: 52%;
        flex: 0 0 52%;
    }

    .onepage_doc_area.body_fixed .doc_left_sidebarlist, .onepage_doc_area.doc_documentation_area.body_fixed .doc_rightsidebar, .onepage_doc_area.doc_documentation_area .doc_rightsidebar {
        width: 207px;
    }

    .breadcrumb_area_three .two {
        left: 60px;
    }

    .breadcrumb_area_three .three {
        right: 60px;
    }

    .icon_btn {
        margin-left: 0;
    }

    .highlight_text, .typography_underline {
        padding-right: 0;
    }

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

    .sign_right {
        width: calc(50% + 100px);
    }

    .menu > .nav-item.submenu.mega_menu .dropdown-menu {
        min-width: 475px;
    }
}

@media (max-width: 991px) {
    .modal-dialog-slideout .modal-content .input-group .form-control {
        max-width: 199px;
        }
    .container {
        padding-right: 0px;
        padding-left: 0px;
    }

    .partnerBox .tab_shortcode {
        background: none; border-radius: 0px; margin: 0 0px; padding: 0px !important; padding-top: 10px !important;
    }
    .action_btn3 {

        letter-spacing: 0px;
    }

    .text-large {
        font-size: 35px;
    }

    .text-medium-large {
        font-size: 25px;
        line-height: 25px;
    }

    .text-medium {
        font-size: 20px;
        line-height: 25px;
    }

    .doc_banner_area_one h4.number {
        font-size: 20px !important;
    }

    .navBorder {
        border-bottom: 0px !important;
    }

    .doc_mobile_menu2 {
        background: transparent !important;
        border-radius: 0;
        padding: 0px 10px;
    }

    .btn-event {
        padding-bottom: 30px !important;
        left: 0px;
        position: fixed;
        bottom: 0;
        z-index: 1054;
    }

    .small, small {
        font-size: 80%;
        font-weight: 300;
        display: inline-block;
        line-height: 130%;
    }

    .box-event {
        position: relative;
        min-height: 160px;
        padding-top: 20px;
    }

    .box-attivita {
        position: relative;
        min-height: 230px;
    }

    .box-details {
        position: relative;
        min-height: 210px;
    }

    .doc_documentation_area .shortcode_title h2 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 12px;
    }

    .lead i {
        font-size: .875rem !important;
    }

    .doc_mobile_menu {
        background: none !important;
        border-radius: 0px;
    }

    .box-details-inside {
        position: relative;
        min-height: 200px
    }

    .box-event-inside {
        position: relative;
        min-height: 300px
    }
    .fixBottom {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 1054;
        min-height: 90px;
        width: 100%;
        margin-bottom: 0px;
        margin-left: 0px;
        border-radius: 0px;
        text-align: center;
    }

    .action_btn4 {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #fff !important;
        box-shadow: 0 5px 10px 0 rgba(12, 118, 142, 0.24) !important;
        border-radius: 0px !important;
        background: #10b3d6 !important;
        display: inline-block;
        border: 0;
        padding: 14px 14px !important;
        padding-bottom: 40px !important;
        left: 0px;
        position: fixed;
        bottom: 0;
        z-index: 1054;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .18s ease-in-out;
    }

    .action_btn4 i {
        vertical-align: middle;
        font-size: 18px;
        padding-left: 5px;
    }

    .action_btn4:hover {
        color: #fff;
        background: #0d8ca7 !important;
        box-shadow: 0 5px 10px 0 rgba(12, 118, 142, 0.45) !important;
    }

    .homexxx #tab_p_det li.nav-item a {
        font-weight: 600;
        padding-right: 12px;
        padding-left: 12px;
        /*font-family: "Manrope", sans-serif;*/
        font-family: "Manrope", sans-serif;
        font-size: .875rem !important;
        text-transform: none;
        border-radius: 0px;
        background-color: transparent;
        border: 0px;
        border-bottom: 1px dotted #CCC;
        color: #FFF;
        border-radius: 10px 10px 0 0;
    }

    .shortcode_info2 .shortcode_title2 h4 {
        color: #FFF;
        font-size: 18px !important;
        font-weight: 600 !important;
        letter-spacing: 0;
    }

    .homebg {
        padding-top: 100px;
        padding-bottom: 0px;
        background: #3b4651 !important;
    }

    .breadcrumb_area {
        padding: 35px 0 15px;
    }

    .doc_banner_area_one {
        padding-top: 50px !important;

    }

    .blog_grid_post.attlink h3 {
        font-size: 1rem !important;
    }

    .blog_grid_post.attlink .addressbox {
        font-size: .75rem !important;
    }

    .dochome .doc_accordion {
        border: 0;
        margin-bottom: 5px;
        background: transparent;
        margin: 30px 0
    }

    .dochome .doc_accordion .card {
        border-radius: 0;
        border: 0 !important;
        background: transparent;
        padding: 0;
    }

    .dochome .doc_accordion .toggle_body {

        border: 0;
        border-radius: 0px;
        background: transparent;
        padding: 25px 30px;
        border-bottom: 1px solid #000;
    }

    .dochome .doc_accordion .card-header {
        border-radius: 0;
        border: 0;
        background: transparent;
        padding: 0;
    }

 /*   .dochome .doc_accordion .card-header button {
        padding: 12px 60px;
        border-radius: 4px;
        text-align: left;
        width: 100%;
        font-size: 20px;
        color: #10b3d6;
        font-weight: 500;
        background: transparent;
        text-decoration: none;
        position: relative;
    }

    .dochome .doc_accordion .card-header button .ic i {
        position: absolute;
        left: 10px !important;
        color: #10b3d6;
        font-size: 22px;
        top: 50%;
        transform: translateY(-50%);
        display: none;
        transition: all 0.2s linear;
    }

    .dochome .doc_accordion .card-header button i {
        position: absolute;
        right: 0px !important;
        color: #10b3d6;
        font-size: 22px;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        transition: all 0.2s linear;
    }

    .dochome .doc_accordion .card-header button .ic i + i {
        display: block;
    }

    .dochome .doc_accordion .card-header button.collapsed .ic i {
        display: block;
        color: #10b3d6;
    }

    .dochome .doc_accordion .card-header button.collapsed .ic i + i {
        display: none;
    } */

    .sec_pad {
        padding: 5rem 0;
    }

    .sticky-nav-doc .sticky_menu .menu_one + div, .sticky-nav-doc .sticky_menu .menu_one + section {
        margin-top: 0;
    }

    .doc_features_area_one .row {
        justify-content: center;
        margin-bottom: -30px;
    }

    .doc_features_item_one {
        margin-bottom: 30px;
    }

    .documentation_text {
        margin-bottom: 50px;
    }

    .slider_nav .prev, .slider_nav .next {
        opacity: 0;
    }

    .doc_feedback_info:hover .slider_nav .prev, .doc_feedback_info:hover .slider_nav .next {
        opacity: 1;
    }

    .f_widget {
        margin-bottom: 50px;
    }

    .footer_area .f_man_two {
        left: 50px;
    }

    .footer_area .f_man {
        right: 40px;
    }

    .tab-content.pl_70 {
        padding-left: 0;
    }

    .menu > .nav-item.submenu .dropdown-menu:before {
        display: none;
    }

    .doc_banner_area_two .girl {
        right: 0;
    }

    .doc_banner_area_two .flower {
        left: 0;
    }

    .doc_banner_area_two .table_img {
        left: 80px;
    }

    .doc_banner_area_two .bord {
        right: 80px;
    }

    .doc_solution_item {
        padding-left: 30px;
        padding-right: 30px;
    }

    .doc_action_info {
        text-align: center;
    }

    .doc_action_info .media {
        display: block;
    }

    .doc_action_info .media img {
        margin-right: 0;
        margin-bottom: 25px;
    }

    .doc_action_info .media .media-body {
        margin-bottom: 30px;
    }

    .blog_sidebar {
        max-width: 330px;
        margin-top: 50px;
    }

    .blog_classic_item img {
        max-width: 100%;
    }

    .blog_top_post .p_top_img {
        padding-left: 0;
    }

    .blog_top_post .p_top_img .p_img {
        position: relative;
        border-radius: 6px;
    }

    .blog_top_post .b_top_post_content {
        padding-left: 25px;
        padding-right: 25px;
    }

    .action_content {
        margin-bottom: 30px;
    }

  /*  .doc_mobile_menu.col-lg-3, .doc_documentation_full_area .doc_mobile_menu {
        max-width: 260px;
        width: 100%;
        position: absolute;
    }*/

    .doc_documentation_area.body_fixed .doc_left_sidebarlist {
        width: 100%;
    }

    .navbar .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .doc_rightsidebar {
        width: 210px;
        padding-left: 12px;
        margin-left: 0;
    }

    .doc_documentation_area.body_fixed .doc_rightsidebar {
        padding-top: 15px;
    }

    .documentation_info {
        padding-right: 0;
    }

    .feedback_link p, .feedback_link h6 {
        margin-left: 0;
        padding-top: 10px;
    }

    .v_menu {
        /*justify-content: center;*/
    }

    .v_menu .nav-item {
        margin-bottom: 0px;
    }

    .help_text .help_info .help_item {
        width: 50%;
    }

    .navbar .navbar-brand {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .navbar-brand {
        width: 180px;
    }

    .navbar .navbar-brand img {
        max-width: 180px !important
    }

    .navbar-collapse { /*background: rgba(59, 70, 81, 0.9);*/
        background: radial-gradient(circle at top left, #3B4651, transparent 50%),
        radial-gradient(circle at top right, #FDB913, transparent 50%),
        radial-gradient(circle at bottom left, #8DC63F, transparent 50%),
        radial-gradient(circle at bottom right, #00B5E2, transparent 50%);
        background-color: #EC1D78; /* colore di fallback */
    }

    .menu > .nav-item, .navbar_fixed.menu_one .menu > .nav-item {
        padding: 10px 0;
        border-bottom: 1px solid rgba(237, 237, 237, 0.5);
    }

    .menu > .nav-item + .nav-item {
        margin-left: 0;
    }

    .menu {
        padding: 5px 15px;
        padding-bottom: 20px;
        height: 100% !important;
    }

    .nav_btn {
        display: inline-block;
        margin-left: 15px;
        margin-bottom: 20px;
        color: #6b707f;
        margin-top: 15px;
        border-color: rgba(237, 237, 237, 0.5);
    }

    .menu > .nav-item > .nav-link {
        color: #FFF;
    }

    .menu .nav-item .mobile_dropdown_icon {
        position: absolute;
        right: 0;
        top: 0;
        color: #6b707f;
        line-height: 42px;
        font-size: 20px;
        display: inline-block;
        opacity: 0.6;
    }

    .menu > .nav-item.submenu .dropdown-menu {
        box-shadow: none;
        margin-top: 5px;
        max-height: none !important;
    }

    .navbar-collapse {
        max-height: 800px;
        overflow-y: scroll;
        /*box-shadow: 0px 0px 100px #000;*/
        width: 100%;
        border-radius: 0px;
        margin-top: -2px;
    }

    .doc_mobile_menu .open_icon {
        display: block;
        right: -40px;
        left: auto;
        top: 0;
    }

    .doc_documentation_area {
        position: relative;
        overflow: hidden;
    }

    .shortcode_info {
        padding-left: 0;
        padding-right: 0;
    }

    .mCSB_inside > .mCSB_container {
        margin-right: 0;
    }

    .table_shortcode thead th, .table_shortcode tbody tr td, .table_shortcode tbody tr th {
        padding-left: 15px;
        padding-right: 15px;
    }

    .img_modal.fade .pointing_img_container {
        padding: 40px;
    }

    .breadcrumb_area .one {
        right: 0;
        bottom: 0;
    }

    .menu_two + div, .menu_two + section {
        margin-top: 64px;
    }

    .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
        transition: all 0s linear;
    }

    .menu > .nav-item.submenu .dropdown-menu .nav-item .mobile_dropdown_icon {
        right: 25px;
        line-height: 25px;
    }

    .doc_documentation_full_area .col-lg-8, .onepage_doc_area .col-lg-8 {
        flex: 0 0 66.333333%;
        max-width: 66.333333%;
    }

    .doc_documentation_full_area .doc_right_mobile_menu, .onepage_doc_area .doc_right_mobile_menu {
        flex: 0 0 33.666667%;
        max-width: 33.666667%;
    }

    .doc_documentation_full_area .documentation_info {
        padding-left: 40px;
    }

    .menu > .nav-item.submenu .dropdown-menu .nav-item {
        padding-right: 20px;
        padding-left: 20px;
    }

    .onepage_doc_area.doc_documentation_area.body_fixed .doc_rightsidebar, .onepage_doc_area.doc_documentation_area .doc_rightsidebar {
        width: 230px;
    }

    .onepage_doc_area .container-fluid, .menu_one .container-fluid {
        max-width: 780px;
    }

    .sticky_menu .menu_one .hamburger span, .sticky_menu .menu_one .menu_toggle .hamburger-cross span {
        background: #1d2746;
    }

    .menu_social {
        margin-left: 15px;
        margin-bottom: 15px;
        margin-top: 10px;
    }

    .sticky_menu .menu_one + div, .sticky_menu .menu_one + section {
        margin-top: 64px;
    }

    .sticky_menu .doc_documentation_area.body_fixed .doc_rightsidebar {
        top: 84px;
    }

    .menu_logo_change .hamburger span, .menu_logo_change .hamburger-cross span {
        background: #1d2746;
    }

    .b_plus, .b_round, .p_absolute {
        z-index: -1;
    }

    .breadcrumb_area_three .two {
        left: 0;
    }

    .breadcrumb_area_three .three {
        right: 0;
    }

    .highlight_text, .typography_underline {
        padding-right: 0;
    }

    .button_inner .button_inner_one {
        flex-wrap: wrap;
        justify-content: inherit;
        margin-left: -15px;
        margin-right: -15px;
    }

    .button_inner .button_inner_one .action_btn, .button_inner .button_inner_one .doc_border_btn {
        margin: 6px 15px;
    }

    .icon_btn {
        color: #10b3d6;
    }

    .contact_info .contact_form .form-group .form-check {
        margin: 20px 6px 15px;
    }

    .contact_info .contact_form .form-group .box_info {
        margin-left: -6px;
        margin-right: -6px;
    }

    .get_info_item .media img {
        margin-right: 15px;
    }

    .get_info_item {
        padding-left: 0px;
        padding-right: 0px;
    }

    .get_info_item .doc_border_btn {
        max-width: 100%;
    }

    .get_info_inner .d-flex {
        display: block !important;
        text-align: right;
    }

    .get_info_item .doc_border_btn {
        display: inline-block;
        margin-top: 8px;
    }

    .menu > .nav-item.submenu .dropdown-menu.dropdown_menu_two .nav-item {
        padding: 0 23px;
    }

    .menu > .nav-item.submenu.mega_menu .dropdown-menu .nav-pills, .menu > .nav-item.submenu.mega_menu .dropdown-menu .tabContent .tab-pane .tab_list {
        display: block !important;
    }

    .menu > .nav-item.submenu.mega_menu .dropdown-menu .nav-pills {
        background: #f4f8ff;
        margin-right: 0;
    }

    .menu > .nav-item.submenu.mega_menu .dropdown-menu .tabHeader .nav-item {
        padding: 0 20px;
    }

    .feedback_link p {
        text-align: left;
    }

    .signup_area {
        min-height: auto;
        height: auto;
    }

    .sign_left, .sign_right {
        width: 100%;
    }

    .sign_left .middle {
        position: relative !important;
    }

    .sign_left .middle {
        padding-top: 110px;
        max-width: 100%;
    }

    .sign_left {
        text-align: center;
    }

    .signup_left .middle {
        top: auto;
        bottom: 0;
        transform: translateY(0);
    }

    .sign_right {
        padding: 30px 0;
    }

    .login_form .form-group .forget_btn {
        font-size: 13px;
        right: 12px;
    }

    .login_form .form-group .form-control {
        padding-left: 12px;
        font-size: 16px;
    }
    .is-standalone .login_form .form-group .form-control {
        padding-left: 12px;
        font-size: 16px;
    }
    .is-standalone .modal .modal-dialog-slideout .modal-content {
        padding-top: 70px !important;
}

    .error_area {
        height: auto;
        min-height: auto;
        padding: 120px 0;
    }

    .error_img .img_one, .error_img .img_two, .error_img .img_three {
        max-width: 100%;
    }

    .error_img {
        height: 370px;
        padding-bottom: 0;
    }

    .slider_nav .next {
        right: -30px;
    }

    .slider_nav .prev {
        left: -30px;
    }

    .slider_nav .prev:hover {
        left: 0;
    }

    .slider_nav .next:hover {
        right: 0;
    }

    .slider_nav .prev:hover .arrow, .slider_nav .next:hover .arrow, .slider_nav .prev:hover, .slider_nav .next:hover {
        width: 27px;
    }
}

@media (max-width: 850px) {
    .breadcrumb_area_three .three, .breadcrumb_area_three .two, .breadcrumb_area_three .four {
        display: none;
    }
}

@media (max-height: 768px) {
    .signup_area_height {
        min-height: 760px;
    }

    .textboxto {
        font-size: 90% !important;
    }
}

@media (max-width: 767px) {
    .search_form {
        max-width: 220px;
    }

    .container {
        max-width: 100%;
    }

    .tab-content.pl_70 {
        margin-top: 50px;
    }

    .doc_fact_item {
        margin-bottom: 30px;
    }

    .blog_tab .nav-item .nav-link {
        padding: 10px;
    }

    .sticky-nav-doc .documentation_body {
        padding-top: 120px;
    }

    .documentation_body {
        padding-top: 70px;
    }

    .doc_right_mobile_menu, .doc_documentation_full_area .doc_right_mobile_menu, .onepage_doc_area .doc_right_mobile_menu {
        max-width: 250px;
        width: 100%;
        position: absolute;
        right: -250px;
        background: #fafcfd;
        padding-left: 15px;
        height: 100%;
        transition: all 0.5s;
        z-index: 2;
    }

    .doc_right_mobile_menu .doc_rightsidebar {
        border: 0;
        margin-right: 0;
        width: 100%;
    }

    .onepage_doc_area.doc_documentation_area .doc_rightsidebar {
        padding-left: 0;
    }

    .body_fixed .doc_right_mobile_menu {
        position: fixed;
        top: 70px;
    }

    .question_box .signup_form {
        max-width: 450px;
    }

    .open_icon {
        display: block;
    }

    .shortcode_info {
        padding-top: 00px;
    }

    .doc_documentation_area {
        margin-top: 10px;
        padding: 0 15px;
        padding-bottom: 100px;
    }

    .bl_left {
        width: 120px;
        height: 120px;
        left: 0;
    }

    .bl_right {

        right: 30px;
        bottom: 250px;
    }

    .doc_banner_area_one .one {

        width: 99%;
    }

    .doc_banner_area_one .two {
        left: 0px;
        width: 100%;
    }

    .doc_banner_area_one .three {
        left: 200px;
    }

    .doc_banner_area_one .five {
        bottom: 100px;
    }

    .footer_area .leaf {
        width: 80px;
    }

    .footer_bottom {
        padding-bottom: 30px;
    }

    .footer_area .f_man {
        right: 4px;
        bottom: 0;
    }

    .footer_area .f_man_two {
        left: 0;
        bottom: 0;
    }

    .btn-home {
        width: 250px;
    }

    .doc_banner_text a {
        margin-right: 0px;
    }

    .breadcrumb_area {
        padding: 35px 0 15px;
    }

    .doc_documentation_full_area .col-lg-8, .onepage_doc_area .col-lg-8 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .doc_documentation_full_area .documentation_info {
        padding-left: 0;
    }

    .modal-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .typrography_content .code-preview img.rounded {
        margin-bottom: 25px;
    }

    .doc_documentation_area.body_fixed .doc_rightsidebar {
        top: 70px;
    }

    .doc_feedback_info:hover .slider_nav .prev, .doc_feedback_info:hover .slider_nav .next {
        display: none;
    }
}

@media (max-width: 670px) {
    /*.col-lg-1,.col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8,.col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8,.col-sm-1, .col-sm-10, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8{
        max-width: 100%;
        flex: 100%;
    }*/
    .footer_top .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .doc_right_mobile_menu {
        max-width: 250px;
    }

    .doc_right_mobile_menu, .error_img .img_one, .error_img .img_two, .error_img .img_three {
        max-width: 150px;
    }

    .error_img .two {
        margin: 0;
    }

    .error_img {
        height: 360px;
    }

    .doc_action_area, .simple_footer, .simple_footer .text-right {
        text-align: center !important;
    }

    .simple_footer .f_social_icon {
        padding-top: 5px;
    }

    .doc_action_area .action_btn {
        margin-top: 20px;
    }

    .doc_features_item_one img {
        margin-right: 15px;
    }

    .categories_guide_item {
        max-width: 370px;
        margin-left: auto;
        margin-right: auto;
    }

    .f_widget.pl_30, .f_widget.pl_70 {
        padding-left: 0;
    }

    .blog_grid_post {
        /*max-width: 400px;*/
        margin-left: auto;
        margin-right: auto;
    }

    .blog_grid_post img {
        width: 100%;
    }

    .blog_sidebar {
        margin-left: auto;
        margin-right: auto;
    }

    .pagination, .page_breadcrumb .breadcrumb {
        justify-content: center;
    }

    .blog_post_author {
        padding-right: 30px;
    }

    .page_breadcrumb {
        text-align: center;
    }

    .page_breadcrumb .date {
        float: none;
    }

    .page_breadcrumb {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .documentation_info .documentation_body .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .mfp-with-zoom .mfp-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .doc_banner_area_two .flower {
        display: none;
    }

    .doc_banner_area_two .table_img {
        left: 0;
    }

    .img_modal.fade .pointing_img_container {
        padding: 20px;
    }

    .img_pointing.two {
        left: 60px;
    }

    .img_pointing.one {
        top: 25px;
        right: 80px;
    }

    .img_pointing.four {
        left: 24%;
    }

    .img_pointing.three {
        left: 73%;
    }

    .tooltip .tooltip-inner p {
        font-size: 14px;
    }

    .img_pointing_content p + p {
        margin-top: 0;
    }

    .tour_info_content p {
        margin-bottom: 30px;
    }

    .just_question {
        display: none;
    }

    .tour_info_content .arrow {
        display: none;
    }

    .tour_intro_item .tour_info_content p {
        margin-bottom: 0;
        margin-top: 30px;
    }

    .code-toolbar .snippet .language-html {
        margin-bottom: 0;
    }

    .b_round.r_three {
        top: 60px;
    }

    .contact_info .contact_form .form-group .form-check {
        margin: 20px 6px 0;
    }

    .get_info_item {
        display: flex !important;
    }

    .get_info_item .time, .get_info_item .media {
        width: 50%;
    }

    .get_info_inner .d-flex {
        display: flex !important;
        text-align: left;
    }

    .sign_inner {
        max-width: 100%;
        padding: 0 15px;
    }
}

@media (max-height: 650px) {
    .help_form .modal-content {
        min-height: 100%;
        /* padding-top: 30px;
         padding-bottom: 30px;*/
    }

}

@media (max-height: 1110px) {
    .navigate1 {
        padding-bottom: 20px !important;
        /* padding-top: 30px;
         padding-bottom: 30px;*/
    }

}

@media (max-width: 576px) {
    .h4, h4 {
        font-size: 1.1rem !important;

    }

    .rvfs-4 p, .rvfs-4 li, .textboxto {
        font-size: 90%;
    }

   /* body {
        line-height: 18px;
        font-size: .875rem;
        height: 100%;
        font-family: "Manrope", sans-serif;
        font-weight: 300;
        color: #FFF;
        background-color: #EC1D78; /* colore di fallback */
        /* colore di fallback
        background-attachment: fixed !important;
    }*/

    .get_info_item .media .media-body h5 {
        margin-bottom: 4px;
        font-size: 1.2rem;
    }

    .doc_tag .nav-item .nav-link {
        margin: 0 2px 10px;
    }

    .documentation_tab .nav-item .nav-link {
        margin-top: 15px;
        padding: 0 8px 10px;
    }

    .documentation_tab {
        justify-content: center;
    }

    .footer_area .f_man_two {
        left: 0;
    }

    .footer_area .f_man {
        right: 0;
    }

    .doc_faq_info .card .card-body {
        padding-left: 15px;
        padding-right: 15px;
    }

    .doc_faq_info .card .card-header h2 button {
        padding-left: 15px;
    }

    .fact_navigation_info {
        padding-left: 20px;
        padding-right: 20px;
    }

    .doc_solution_area .all_doc_btn {
        padding: 20px 45px;
    }

    .doc_banner_area_two .girl, .doc_banner_area_one .five, .doc_banner_area_one .four {
        display: none;
    }

    .doc_banner_area_two .bord {
        right: 5px;
    }

    .doc_banner_text_two .banner_search_form {
        display: block;
    }

    .doc_banner_text_two .banner_search_form .search_btn {
        line-height: 70px;
        padding: 0 63px;
        margin-top: 20px;
    }

    .doc_banner_area_two {
        height: 790px;
    }

    .blog_classic_item .b_top_post_content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .post_tag a {
        font-size: 14px;
    }

    .post_tag a + a {
        padding-left: 5px;
    }

    .blog_top_post .b_top_post_content h3 {
        font-size: 22px;
        line-height: 28px;
    }

    .video_icon {
        width: 60px;
        line-height: 63px;
        height: 60px;
    }

    .video_icon:before {
        transform: scale(1.3);
    }

    .breadcrumb_content .single_post_author .text .post_tag:before {
        display: none;
    }

    .breadcrumb_content .single_post_author .text h4 {
        display: block;
    }

    .breadcrumb_content .single_post_author .text .post_tag {
        padding-left: 0;
    }

    .toggle_btn, .toggle_body, .doc_accordion .card-header button {
        padding-left: 15px;
        padding-right: 15px;
    }

    .toggle_btn:before, .doc_accordion .card-header button i {
        right: 15px;
    }

    .message_alert i, .notice i {
        margin-right: 12px;
    }

    .message_alert, .notice {
        padding-left: 18px;
        padding-right: 18px;
    }

    .tooltip .tooltip-inner {
        max-width: 270px;
        padding: 15px;
    }

    .img_pointing.two {
        top: 20px;
    }

    .img_modal.fade .pointing_img_container {
        padding: 15px;
    }

    .caniuse_section_legend .caniuse_legend_list a {
        margin: 0 0 5px;
    }

    .image_pointer .pointing_img img {
        width: 100%;
    }

    .changelog_info .line {
        display: none;
    }

    .changelog_content {
        padding-left: 0;
    }

    .changelog_content span {
        max-width: 140px;
        margin-bottom: 8px;
    }

    .changelog_content p {
        display: block;
    }

    .icon_btn {
        margin-right: 15px;
    }

    .button_inner .button_inner_one .action_btn, .button_inner .button_inner_one .doc_border_btn, .button_inner .icon_btn {
        margin-left: 5px;
        margin-right: 5px;
    }

    .button_inner .button_inner_one {
        margin-left: -5px;
        margin-right: -5px;
    }

    .blockquote_two {
        padding-left: 70px;
        padding-right: 20px;
    }

    .blockquote_two h5 {
        font-size: 18px;
        line-height: 33px;
    }

    .get_info_inner .d-flex {
        display: block !important;
    }

    .get_info_item .time, .get_info_item .media {
        width: 100%;
    }

    .get_info_item .time {
        margin: 6px 0 12px;
    }

    .breadcrumb_area {
        padding: 35px 0 15px;
    }

    .doc_right_mobile_menu, .error_img .img_one, .error_img .img_two, .error_img .img_three {
        max-width: 90px;
    }

    .error_img {
        height: 230px;
    }

    .error_dot.three {
        display: none;
    }

    .mobile_main_menu .menu_toggle {
        margin-right: 8px;
    }

    .nav_btn {
        font-size: 14px;
        padding: 5px 15px;
    }

    .footer_top .col-sm-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-height: 550px) {
    .help_form .modal-content {
        max-height: 500px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .help_form {
        height: auto;
    }
}

@media (max-width: 991px) {
    .app-main {
        padding-top: 0rem !important;
        padding-bottom:0rem !important;
    }
    .is-standalone input {
        font-size: 16px !important;
    }
    body {

    }
    .lead {
        font-size: 1rem;
        font-weight: 300;
    }

    .h1, h1 {
        font-size: 3rem;
        font-weight: 900;
        line-height: 3.1rem;
    }

    .menu > .nav-item > .nav-link {
        font-size: 24px;
        line-height: 2;
    }
}

.pupx_notify {
    position: fixed;
    width: 300px;
    bottom: 100px;
    right: 20px;
    z-index: 998
}

.pupx_help {
    position: fixed;
    width: 180px;
    bottom: 70px;
    right: 10px;
    z-index: 1051
}

.shortcode_title h4 {
    color: #FFF;
    font-size: 23px !important;
    font-weight: 600 !important;
}

.footer_area .f_man_two, .footer_area .f_man {
    display: none;
}

.footer_area .leaf {
    right: 0;
}

.footer_top .border_bottom {
    margin-top: 50px;
}

.blog_classic_item .b_top_post_content .p_bottom {
    display: block !important;
}

.blog_classic_item .b_top_post_content .post_author {
    margin-top: 15px;
}

blockquote, .blog_post_author {
    padding-left: 20px;
    padding-right: 20px;
}

.action_subscribe_form .form-group .s_btn {
    position: relative;
    padding: 17px 29px;
    margin-top: 20px;
}

.post_tag a + a {
    padding-left: 0;
}

.post_tag a + a:before {
    margin-right: 4px;
}

.documentation_info .documentation_body .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
}

.page_breadcrumb .breadcrumb .breadcrumb-item, .page_breadcrumb .date {
    font-size: 15px;
    padding-left: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
    padding-right: .1rem;
}

/*   .breadcrumb_area .banner_search_form .input-group{
      display: block;
  }
 .breadcrumb_area .banner_search_form .form-control,.banner_search_form_two .custom-select,.breadcrumb_area .banner_search_form button{
      width: 100%;
      margin-bottom: 5px;
      border-radius: 4px;
      height: 50px;
      line-height: 50px;
  }
  .banner_search_form button{
      padding-top: 2px;
      padding-bottom: 2px;
  }*/
.breadcrumb_area .banner_search_form_two .form-control {
    height: 40px;
}

.tab_shortcode .nav-tabs .nav-item .nav-link {
    padding: 8px 14px;
}

.doc_banner_area_one .one {
    left: 2px;
}

.doc_banner_area_one .two {
    right: 0;
}

.doc_banner_area_one .three {
    left: 89px;
}

.doc_banner_area_one .four {
    width: 90px;
}

.doc_banner_text h2 {
    font-size: 25px;
}

.doc_banner_text p {
    font-size: 20px;
}

.doc_banner_area_two .table_img {
    width: 170px;
}

.doc_banner_area_two .bord {
    width: 160px;
}

.doc_banner_text_two h2 {
    font-size: 36px;
}

.breadcrumb_text h2 {
    font-size: 33px;
    line-height: 36px;
}

.blockquote {
    padding-left: 20px;
}

.blockquote_two h5 {
    font-size: 15px;
    line-height: 28px;
}

.blockquote_two .quote_icon {
    display: none;
}

.blockquote_two {
    padding-left: 15px;
    padding-right: 15px;
}

}

@media (max-width: 370px) {
    .blog_post_author, .comment_box .post_comment .comment_author {
        display: block;
    }

    .blog_post_author .author_img, .comment_box .post_comment .comment_author .img_rounded {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .comment_box .post_comment .reply_comment {
        padding-left: 0;
    }

    .help_text .help_info .help_item {
        width: 100%;
    }

    .footer_area .leaf {
        display: none;
    }

    .footer_bottom {
        padding: 24px 0 22px;
    }
}

/**
 * Min Width
 */
@media (min-width: 1500px) {
    .full-width-doc .doc_documentation_area.body_fixed .doc_left_sidebarlist {
        width: 100%;
        margin-right: 0;
        border: 0;
    }
}

@media (max-width: 992px) {
    .navbar {
        padding-left: 10px;
        padding-right: 10px;
    }
    .navbar > .container, .navbar > .container-fluid {
       /* display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between;*/
    }

    .navbar-collapse {
        position: fixed;
        top: 120px;
        min-height: 800px;
        left: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 100%;
        height: 100%;
        z-index: 1500;
    }

    .navbar-collapse.collapsing {
        left: -100%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
    }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: left 500ms ease-in-out;
    }
}