@media screen and (max-width: 1440px) {
    .sectionBlockImage img {
        height: 620px;
        position: relative;
        left: -200px;
    }

    .sectionBlockImage {
        margin-top: 30px;
    }

    #home-section:before {
        width: 890px;
        height: 920px;
        right: -130px;
    }

    #how-does-it-work:before {
        width: 880px;
        height: 880px;
        top: -10px;
        left: -415px;
    }
    #for-who {
        margin-top: 70px;
    }
    #for-who:before {
        top: -80px;
        left: -455px;
    }
    #because-we::before {
        width: 900px;
        height: 900px;
        top: 0;
        right: -480px;
    }
    #prices::before {
        width: 920px;
        height: 920px;
        right: -420px;
    }
    #prices .first-decoration-elem {
        top: -220px;
    }
    body:not(.home) .page:before {
        right: -640px;
    }
    body.abbonamento .page:before {
        background-position: 640px 0;
        right: 0!important;
    }
}
@media screen and (max-width: 1360px) {
    #footer .footer-bottom .powered-by {
        margin-right: 70px;
    }
}
@media screen and (max-width: 1199px) {
    #home-section:before {
        right: -330px;
    }
    .sectionBlockImage img {
        height: 480px;
        left: -190px;
    }
    .headerContainer .button {
        padding: 10px 8px;
    }
    .headerContainer .mainMenuContainer {
        margin-right: 10px;
    } 
    .navBarContainer ul {
        margin: 12px 0;
    }
    .navBarContainer li {
        margin: 0 10px;
    }
    .headerContainer .logoContainer img {
        width: 190px;
    }
    .headerContainer .user-dropdown .btn {
        margin-top: 11px;
    }
    .checkbox-form .buttons-wrap.sticky {
        width: 940px;
    }
    table.dataTable td {
        padding: 5px;
    }
    #abbonamentoForm .subscription-select {
        margin-left: -5px;
        margin-right: -5px;
    }
    #abbonamentoForm .subscription-select .subscription-box > div {
        padding: 0 5px;
    }
    #abbonamentoForm .subscription-select .subscription-box label .wrap-box {
        padding: 10px 15px;
    }
    #abbonamentoForm .subscription-select .subscription-box label .price-block .price {
        font-size: 14px;
    }
    #abbonamentoForm .subscription-select .subscription-box label .price-block .discount {
        font-size: 11px;
    }
    #abbonamentoForm .subscription-select .subscription-box label .subscription-title {
        font-size: 21px;
    }
    #abbonamentoForm .subscription-select .subscription-box label .percent-discount {
        font-size: 14px;
    }
    .headerContainer .user-dropdown .dropdown-menu::before {
        top: -14px;
    }
    table.dataTable.table-condensed>thead>tr>th > span {
        min-width: unset;
    }
}
@media screen and (max-width: 1024px) {
    body:not(.home).fixed-header {
        padding-top: 60px;
    }
    .headerContainer.fixed .headerBlockContainer,
    .headerContainer .headerBlockContainer {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 15px 0 10px 0;
    }
    .headerContainer .logoContainer img {
        height: 35px;
        width: auto;
    }
    .headerContainer #menu-toggle {
        background: none;
        border: none;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 30px;
        padding: 0;
        position: relative;
        width: 25px;
        z-index: 2;
    }
    .headerContainer #menu-toggle .menu-line {
        display: block;
        width: 25px;
        height: 2px;
        margin: 4px 0;
        background-color: #00477c;
        -webkit-transition: -webkit-transform 200ms;
        transition: -webkit-transform 200ms;
        transition: transform 200ms;
        transition: transform 200ms, -webkit-transform 200ms;
    }
    .headerContainer #menu-toggle.opened .menu-line--first {
        -webkit-transform: rotate(45deg) translateX(4px) translateY(3px);
        transform: rotate(45deg) translateX(4px) translateY(3px);
    }
    .headerContainer #menu-toggle.opened .menu-line--middle {
        -webkit-transform: rotate(-45deg) translateX(4px) translateY(-3px);
        transform: rotate(-45deg) translateX(4px) translateY(-3px);
    }
    .headerContainer #menu-toggle.opened .menu-line--last {
        opacity: 0;
    }
    .headerContainer .headerRightContainer {
        background: #FFFFFF;
        box-sizing: border-box;
        position: fixed;
        display: block;
        right: -100%;
        top: 0;
        height: 100%;
        max-width: 400px;
        width: 100%;
        -webkit-transition: right 0.3s;
        -moz-transition: right 0.3s;
        -o-transition: right 0.3s;
        transition: right 0.3s;
        padding: 5px 25px;
        z-index: 1;
    }
    .headerContainer .headerRightContainerOverlay.open {
        background: rgba(0, 0, 0, 0.4);
        position: fixed;
        display: block;
        right: 0;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
    }
    .headerContainer .headerRightContainer.open {
        right: 0
    }
    .headerContainer .button-border {
        background: none;
        border: none;
        font-size: 18px;
    }
    .headerContainer .button > i {
        font-size: 27px;
        margin-right: 10px;
        vertical-align: middle;
    }
    .headerContainer .button:hover {
        background: none;
        outline: none;
    }
    .headerContainer .headerRightContainer .SignUpButton > .button {
        box-sizing: border-box;
        position: absolute;
        bottom: 15px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        font-size: 16px;
        max-width: 345px;
        padding: 14px 24px;
        width: 90%;
        width: calc(100% - 20px);
    }
    .headerContainer .mainMenuContainer {
        order: 1;
        width: 100%;
    }
    .headerContainer .navBarContainer {
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 15px;
        max-height: calc(100% - 100px);
        overflow-y: scroll;
        width: 100%;
    }
    .headerContainer .navBarContainer ul {
        display: block;
    }
    .headerContainer .navBarContainer ul li {
        margin-bottom: 30px;
        position: relative;
    }
    .headerContainer .navBarContainer ul li a {
        font-size: 25px;
        font-weight: bold;
        line-height: 1.12;
    }
    .headerContainer .navBarContainer ul li a:hover,
    .headerContainer .navBarContainer ul li a:focus {
        text-decoration: none;
    }
    .headerContainer .admin-menu .navBarContainer ul li {
        margin: 0;
    }
    .headerContainer .admin-menu .navBarContainer ul li:first-child a{
        border-top: 2px solid #d4e5f2;
    }
    .headerContainer .admin-menu .navBarContainer ul li a {
        border-bottom: 2px solid #d4e5f2;
        display: block;
        font-size: 18px;
        padding: 20px 0;
    }
    .headerContainer .admin-menu .navBarContainer ul li a i {
        margin-right: 8px;
    }
    a .counter {
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        font-size: 15px;
        padding: 3px 14px;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        min-width: 60px;
        text-align: center;
    }
    .sectionBlockTitle.main-title h1 {
        font-size: 30px;
    }
    #video-container,
    #video {
        width: 100%;
    }
    #because-we {
        z-index: 10;
    }
    #because-we .benefits-wrap .item-wrap:nth-child(1),
    #because-we .benefits-wrap .item-wrap:nth-child(2),
    #because-we .benefits-wrap .item-wrap:nth-child(3),
    #because-we .benefits-wrap .item-wrap:nth-child(4) {
        margin-top: 0;
    }
    #because-we .description {
        margin-bottom: 50px;
    }
    #because-we .benefits-wrap {
        margin: 0 -15px;
    }
    #because-we .benefits-wrap .item-wrap {
        margin-bottom: 30px;
        padding: 0 15px;
        width: 50%;
    }
    #because-we .decoration-elem,
    #prices .first-decoration-elem {
        display: none;
    }
    #for-who {
        margin-top: 50px;
        min-height: unset;
    }
    #for-who:before {
        top: -180px;
    }
    #for-who .sectionBlockTitle h3{
        margin: 0;
    }
    #for-who .decoration-elem {
        top: -20px;
    }
    #signup {
        margin-top: 0;
    }
    .mobile-visible {
        display: block;
    }
    .descktop-visible,
    .tab-menu {
        display: none;
    }
    body:not(.home) .page {
        padding-top: 40px;
    }
    body:not(.home) .headerContainer.fixed{
        background-color: #FFF;
        box-shadow: 0 3px 6px 0 rgb(153 177 208 / 16%);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 11;
    }
    .headerContainer .user-dropdown.mobile-visible {
        margin-right: 0;
        position: absolute;
        right: 70px;
        top: 17px;
    }
    .headerContainer .user-dropdown .btn {
        margin-top: 0;
    }
    .headerContainer .user-dropdown .btn i {
        color: #00477c;
        font-size: 25px;
    }
    .headerContainer .user-dropdown .dropdown-menu {
        left: unset;
        right: 0;
    }
    body:not(.home) .headerContainer {
        background: none;
        box-shadow: none;
        padding: 0;
    }
    table.dataTable.table-condensed>thead {
        display: none;
    }
    table.dataTable tbody, 
    table.dataTable tbody > tr,
    table.dataTable tbody > tr > td {
        display: block;
    }
    #bandi_div.box-info {
        background: transparent;
        border-radius: 0;
        box-shadow: none;
        margin-bottom: 0;
        padding: 0;
    }
    table.dataTable tbody > tr {
        background-color: #ffffff;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        border-radius: 20px;
        box-shadow: 0 3px 10px 0 rgba(153, 177, 208, 0.16);
        margin-bottom: 20px;
        padding: 20px 25px;
    }
    table.dataTable tbody > tr:hover {
        background-color: #ffffff;
    }
    table.dataTable tbody > tr > td {
        border: none;
        width: 100%;
    }
    .headerContainer .user-dropdown {
        margin-right: 30px;
    }
    .table-buttons {
        padding: 0;
    }
    table.dataTable tbody>tr>td .descktop-text {
        display: none;
    }
    table.dataTable tbody>tr>td .mobile-title {
        display: block;
        color: #98b4ca;
        font-size: 12px;
    }
    table.dataTable td,
    table.dataTable tbody>tr>td:first-child {
        padding: 0;
    }
    table.table-bordered.dataTable tbody > tr > td {
        margin-bottom: 6px;
    }
    table.table-bordered.dataTable tbody > tr > td.id-gara {
        order: -1;
        width: 95px;
    }
    table.table-bordered.dataTable tbody > tr > td.date {
        order: 0;
        text-align: right;
        width: 50%;
        width: calc(100% - 95px);
    }
    table.table-bordered.dataTable tbody > tr > td.region,
    table.table-bordered.dataTable tbody > tr > td.price {
        order: 1;
        width: 50%;
    }
    table.table-bordered.dataTable tbody > tr > td.price {
        text-align: right;
    }
    table.table-bordered.dataTable tbody > tr > td.administration {
        order: 2;
    }
    table.table-bordered.dataTable tbody > tr > td.category,
    table.table-bordered.dataTable tbody > tr > td.initiative-name {
        order: 3;
    }
    table.table-bordered.dataTable tbody > tr > td.buttons-inline {
        margin-top: 20px;
    }
    table.table-bordered.dataTable tbody > tr > td.favorite-btn {
        order: 5;
        width: 51px;
    }
    table.table-bordered.dataTable tbody > tr > td.details-btn {
        order: 4;
        width: 70%;
        width: calc(100% - 51px);
    }
    table.dataTable .buttons-inline .btn-info,
    table.dataTable .buttons-inline .favorite {
        border: solid 1px #00477c;
        border-radius: 15px;
        font-size: 13px;
        height: 46px;
        padding: 12px 20px;
    }
    table.dataTable .buttons-inline .favorite {
        font-size: 17px;
        padding: 0;
        width: 51px;
    }
    table.dataTable .buttons-inline .btn-info {
        height: 46px;
        max-width: 220px;
        width: 100%;
    }
    table.dataTable .buttons-inline .btn-info br {
        display: none;
    }
    table.dataTable .btn-info i {
        vertical-align: middle;
        margin-right: 5px;
    }
    table.dataTable .btn-group {
        padding-right: 15px;
        text-align: left;
    }
    table.dataTable tbody > tr > td.category,
    table.dataTable tbody > tr > td.initiative-name {
        display: none;
    }
    .textfull table.dataTable tbody > tr > td.category,
    .textfull table.dataTable tbody > tr > td.initiative-name {
        display: block;
    }
    .abbonamento .page-info {
        margin-top: 0;
    }
    .payment-history-wrap {
        background: none;
        box-shadow: none;
        padding: 0;
    }
    table.dataTable.table-condensed.payment-history tbody>tr>td:first-child {
        padding-left: 0;
    }
    table.dataTable.table-condensed.payment-history tbody > tr > td {
        margin-bottom: 15px;
        width: 50%;
    }
    table.dataTable.table-condensed.payment-history tbody > tr > td:nth-child(even) {
        text-align: right;
    }
    table.dataTable.table-condensed.payment-history .payment {
        padding: 0;
    }
    table.dataTable.table-condensed.payment-history .payment.inpending {
        background: none;
        color: #dbb100;
    }
    table.dataTable.table-condensed.payment-history .payment.completed {
        background: none;
        color: #77ad0e;
    }
    .headerContainer .user-dropdown .dropdown-menu::before {
        top: -15px;
    }
    body.abbonamento .page.center-content .main-title {
        margin-top: 25px;
    }
    body.abbonamento .page.center-content .main-title i {
        font-size: 45px;
    }
    #because-we .benefits-wrap .item-wrap:nth-child(3n) {
        clear: both;
    }
    #because-we .benefits-wrap .item p {
        max-width: 100%;
    }
    .anchor-scroll.mobile-btn {
        display: block;
        position: fixed;
        bottom: 10px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 90%;
        z-index: 11;
    }
    .left-sidebar .close {
        right: 10px;
        top: 10px;    
        padding: 5px 11px;
        line-height: 0;
    }
}
@media screen and (max-width: 991px) {
    #for-who .decoration-elem {
        left: -160px;
    }
    #prices {
        margin-top: 260px;
        z-index: 10;
    }
    #prices .sectionWrap {
        display: block;
    }
    #prices .sectionBlock.w-50 {
        max-width: 440px;
        margin: 30px auto;
    }
    #prices .second-decoration-elem {
        display: none;
    }
    #prices .first-decoration-elem {
        display: block;
        top: -240px;
        right: 60px
    }
    #prices .price-block {
        box-sizing: border-box;
        margin-top: 30px;
        width: 100%;
    }
    #signup {
        z-index: 10;
    }
    #signup:before {
        top: 110px;
    }
    .areariservata .boxes-wrap {
        display: block;
    }
    .areariservata .box-info-wrap {
        width: 100%;
    }
    
    body:not(.home) .page:before {
        right: -240px;
        top: -550px;
    }
    body.abbonamento .page:before,
    body.areariservata .page:before {
        background-position: 240px -550px;
        right: 0;
    }
    .from-box .inputs-wrap .col-4 {
        width: 50%;
    }
    .from-box .inputs-wrap .col-4:nth-child(3n + 1) {
        clear: unset;
    }
    .from-box .inputs-wrap .col-4:nth-child(2n + 1) {
        clear: both;
    }
    .checkbox-form .buttons-wrap.sticky {
        width: 720px;
    }
    .align_div_center {
        min-height: calc(100vh - 490px);
        padding: 40px 0;
    }
    #dettagliBando .table-buttons {
        top: 0;
    }
    #dettagliBando .bandoData .mainData .btns-wrap .button-border {
        font-size: 13px;
        padding: 7px 10px;
    }
    #dettagliBando .bandoData .mainData .btns-wrap .button-border > i {
        margin-right: 3px;
        font-size: 12px;
    }
    #dettagliBando .bandoData .mainData .btns-wrap .link-btn i {
        font-size: 16px;
        margin-left: 3px;
    }
    #dettagliBando .bandoData .mainData .btns-wrap > div {
        padding:  0 10px 0 0;
    }
    #abbonamentoForm .subscription-select .subscription-box label .wrap-box {
        padding: 25px 20px;
    }
    .summary-sidebar .button {
        display: block;
        margin: 20px auto 0 auto;
        padding: 15px 10px;
    }
}
@media screen and (max-width: 767px) {
    .hidden-scroll {
        padding-right: 0;
    }
    #home-section .sectionBlock {
        max-width: unset;
        width: 100%;
    }
    #home-section .sectionBlock.w-40 {
        order: -1;
    }
    .pageBoxContent::before {
        right: -100px;
        top: -320px;
    }
    #home-section .sectionBlockImage {
        margin-top: 70px;
        text-align: right;
    }
    #home-section .sectionBlockImage img {
        height: auto;
        position: static;
        left: unset;
        max-width: 80%;
    }
    #home-section .sectionBlockTitle.main-title h1 {
        color: #00477c;
        font-size: 28px;
        text-align: center;
    }
    #home-section .main-description-wrap {
        max-width: 465px;
        margin-top: 15px;
        margin-left: auto;
        margin-right: auto;
    }
    #home-section .main-description-wrap p {
        font-size: 15px;
        font-weight: 300;
        line-height: 2;
        text-align: center;
    }
    #home-section .SignUpButton {
        text-align: center;
    }
    #home-section .SignUpButton .button {
        font-size: 16px;
        margin: 20px 0 15px 0;
        padding: 15px 25px;
        width: 100%;
    }
    #home-section .main-description-wrap .smallText {
        font-size: 13px;
        font-weight: 300;
        line-height: 1.77;
        text-align: center;
    }
    #home-section .scrollDown {
        display: block;
        margin-top: 40px;
        text-align: center;
        width: 100%;
    }
    #how-does-it-work {
        margin-top: 150px;
    }
    #how-does-it-work .sectionBlockVideo .first-decoration-elem {
        top: -250px;
        right: 10px;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        transform: unset;
        width: 140px;
    }
    .sectionBlockVideo .second-decoration-elem {
        bottom: -130px;
        right: 10px;
        left: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        transform: unset;
        width: 200px;
    }
    .sectionBlockVideo {
        margin-bottom: 130px;
    }
    #how-does-it-work:before {
        width: 730px;
        height: 730px;
        top: -110px;
        left: -360px;
    }
    #because-we::before {
        top: 190px;
    }
    #because-we .benefits-wrap .item-wrap {
        margin-top: 70px!important;
    }
    #because-we .benefits-wrap .item {
        padding-top: 90px;
    }
    #because-we .benefits-wrap .item .icon {
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
        top: -90px;
    }
    #because-we .benefits-wrap .item .title {
        margin-bottom: 10px;
    }    
    #because-we .benefits-wrap .item p {
        margin: 0;
        max-width: unset;
    }
    #for-who .wrapper {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    #for-who .decoration-elem {
        left: unset;
        position: static;
        top: unset;
        order: 1;
        max-width: 100%;
    }
    #for-who .description {
        float: none;
        max-width: none;
        height: unset;
        margin-bottom: 30px;
        width: 100%;
    }
    #prices .decoration-elem-mobile,
    #signup .decoration-elem-mobile {
        display: block;
    }
    #signup .decoration-elem-mobile {
        display: block;
        margin: 10px auto 0 auto;
        max-width: 100%;
    }
    #signup .decoration-elem {
        display: none;
    }
    #signup .description {
        max-width: 400px;
        margin: 0 auto;
    }
    #signup .sectionBlockTitle h3 {
        margin: 10px 0 0 0;
        line-height: 1.67;
    }
    #signup .sectionBlockTitle h3.green-text {
        font-size: 24px;
    }
    #signup .description p {
        margin: 20px 0 10px 0;
    }
    #signup form .button {
        padding: 15px 45px;
    }
    #for-who {
        padding-top: 30px;
    }
    #footer .logoContainer {
        margin-bottom: 30px;
    }
    #footer .wrapper {
        padding: 0 25px;
    }
    #footer .info-wrap .description {
        margin-bottom: 20px;
        width: 100%;
    }
    #footer .info-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center;
    }
    #footer .social {
        margin-top: 20px;
        position: relative;
    }
    #footer .social .cards-wrap {
        bottom: -80px;
        position: absolute;
        left: 0;
        width: 100%;
    }
    #footer .social .separator {
        display: none;
    }
    #footer .footer-bottom-wrap {
        padding-top: 50px;
    }
    #footer .footer-bottom {
        display: block;
    }
    #footer .footer-bottom .copyright {
        line-height: 1.4;
    }
    #footer .footer-bottom .powered-by {
        margin-right: 0;
    }
    #footer .footer-bottom .powered-by > a {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        margin-top: 20px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }
    #footer .footer-bottom .powered-by > a > img {
        order: -1;
    }
    #footer .footer-bottom .powered-by > a > span {
        padding-right: 0;
        padding-left: 7px;
    }
    #footer .info-wrap > * {
        padding: 0 15px;
    }
    .modal-header .modal-title,
    .formTitle {
        font-size: 24px;
    }
    .checkbox-form .buttons-wrap {
        position: absolute;
        left: 0;
        padding: 0;
        width: 100%;
    }
    .checkbox-form .buttons-wrap.sticky {
        padding: 0;
        width: 100%;
    }
    .table-buttons .export-btn {
        display: none;
    }
    #open-filters {
        padding: 13px 16px;
        border-radius: 15px;
        
    }
    #open-filters,
    .table-buttons .table-view-cahnge .table-view-btn {
        height: 48px;
        padding: 10px 15px;
    }
    .table-buttons.fixed-buttons {
        background: #FFFFFF;
        box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;   
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        top: 50px;
        margin: 0;
        position: relative;
        padding: 10px;
    }
    .table-buttons.fixed-buttons.sticky  {
        position: fixed;
        bottom: 0;
        left: 0;
        top: unset;
        height: auto;
        width: 100%;
    }
    .table-buttons.fixed-buttons .export-btn {
        background: none;
        border: 1px solid #98b4ca;
        display: block;
        border-radius: 15px;
        margin: 0 10px;
        padding: 12px 20px;
        font-size: 14px;
        line-height: 1.21;
    }
    .table-buttons.fixed-buttons .export-btn i {
        margin-left: 0;
        margin-right: 7px;
    }
    #dettagliBando .bandoData .mainData .blueBg,
    #dettagliBando .bandoData .mainData .btns-wrap {
        height: auto;
    }
    #dettagliBando .table-buttons {
        display: none;
    }
    #dettagliBando .modal-header .modal-title {
        margin-top: 60px;
        text-align: center;
    }
    #dettagliBando .bandoData .mainData > .row {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        position: relative;
    }
    #dettagliBando .bandoData .mainData {
        border: none;
        border-radius: 0;
        border-bottom: 1px solid #e3edf6;
        margin-bottom: 25px;
        margin-top: 95px;
        padding-bottom: 20px;
        overflow: visible;
    }
    #dettagliBando .bandoData .mainData > .row > {
        float: none;
        padding: 0;
    }
    #dettagliBando .bandoData {
        background-color: #ffffff;
        border-radius: 20px;
        box-shadow: 0 3px 10px 0 rgba(153, 177, 208, 0.16);
        padding: 0 10px 25px 10px;
    }
    #dettagliBando .bandoData .mainData .blueBg {
        background: none;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        border: none;
        padding: 25px 25px 0 25px;
        width: 100%;
    }
    #dettagliBando .bandoData .mainData .blueBg .dataItem {
        margin: 0;
    }
    #dettagliBando .bandoData .mainData .blueBg .dataItem:nth-child(even) {
        text-align: right;
    }
    #dettagliBando .bandoData .label {
        margin-bottom: 5px;
        padding: 0;
    }
    #dettagliBando .bandoData .info {
        padding: 0;
    }
    #dettagliBando .bandoData .mainData .btns-wrap {
        position: absolute;
        top: -65px;
        left: 0;
        padding: 0 10px;
        width: 100%;
    }
    #dettagliBando .bandoData .mainData .btns-wrap > div {
        display: block;
        position: static;
        top: unset;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        left: unset;
        padding: 0;
    }
    #dettagliBando .bandoData .mainData .btns-wrap #wishlist-btn,
    #dettagliBando .bandoData .mainData .btns-wrap #wishlist-favorites-btn {
        border: solid 1px #00477c;
        border-radius: 15px;
        font-size: 13px;
        height: 46px;
        padding: 12px 15px;
        margin: 0;
        order: 1;
        float: right;
    }
    #dettagliBando .bandoData .mainData .btns-wrap #wishlist-btn > .text,
    #dettagliBando .bandoData .mainData .btns-wrap #wishlist-favorites-btn > .text {
        display: none;
    }
    #dettagliBando .bandoData .mainData .btns-wrap .link-btn i {
        font-size: 20px;
        margin: 0;
    }
    #dettagliBando .bandoData .mainData .btns-wrap .button-border {
        font-size: 14px;
        padding: 14px 24px;
        float: left;
    }
    #bandi-table-p_processing.loaded > div {
        bottom: -100px;
    }
    #dettagliBando .modal-dialog {
        margin: 0;
        max-width: 100%;
        min-height: 100vh;
        padding: 0 0 60px 0;
        position: relative;
        width: 100%;
    }
    #dettagliBando .info-block {
        background: #FFFFFF;
        min-height: 100vh;
    }
    #dettagliBando .modal-content {
        border-radius: 0;
        box-shadow: none;
        padding: 0 15px 20px 15px; 
    }
    #dettagliBando .modal-content::before {
        background: url(../images/ovale.svg) no-repeat scroll 320px -530px / 100%;
        position: absolute;
        content: '';
        width: 1000px;
        height: 1000px;
        top: 0;
        right: 0;
        z-index: 1;
    }
    #dettagliBando .modal-header,
    #dettagliBando .modal-body {
        position: relative;
        z-index: 1;
    }
    #dettagliBando .bandoData .dataWrap {
        padding: 0 25px;
    }
    #dettagliBando .bandoData .dataItem {
        margin-top: 15px;
        order: 1;
        width: 100%;
    }
    #dettagliBando .bandoData .dataWrap {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    #dettagliBando .bandoData #numero_rdo_single,
    #dettagliBando #data_ora_termine_ultimo_presentazione {
        order: -1;
    }
    #dettagliBando .bandoData #nomeRegione,
    #dettagliBando .bandoData #importo_totale_base_asta {
        order: 0;
    }
    #dettagliBando .bandoData #data_ora_termine_ultimo_presentazione,
    #dettagliBando .bandoData #importo_totale_base_asta {
        text-align: right;
    }
    #dettagliBando .bandoData #numero_rdo_single,
    #dettagliBando .bandoData #data_ora_termine_ultimo_presentazione,
    #dettagliBando .bandoData #nomeRegione,
    #dettagliBando .bandoData #importo_totale_base_asta {
        margin-top: 10px;
    }
    #dettagliBando .bandoData #numero_rdo_single,
    #dettagliBando .bandoData #nomeRegione {
        width: 100px;
    }
    #dettagliBando .bandoData #data_ora_termine_ultimo_presentazione,
    #dettagliBando .bandoData #importo_totale_base_asta {
        width: 90%;
        width: calc(100% - 100px);
    }
    #dettagliBando .modal-header .close {
        top: 12px;
        right: -5px;
        padding: 5px 11px;
        line-height: 0;
    }
    #dettagliBando .table-buttons.fixed-buttons {
        -webkit-border-radius: 15px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius: 15px;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        border-radius: 15px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0;
        top: unset;
        left: 0;
        opacity: 1;
        visibility: visible;
        position: static;
        width: 100%;
    }
    #dettagliBando .table-buttons.fixed-buttons.sticky {
        position: fixed;
        bottom: 0;
        z-index: 2;
    }
    #dettagliBando .table-buttons.fixed-buttons .export-btn {
        margin: 0;
    }
    #dettagliBando .table-buttons.fixed-buttons .download-btsn {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 90%;
        width: calc(100% - 55px);
    }
    #dettagliBando .table-buttons.fixed-buttons .download-btsn .export-btn {
        max-width: 180px;
        width: 48%;
    }
    #dettagliBando .table-buttons.fixed-buttons .download-btsn .export-btn:first-child {
        margin-right: 6px;
    }
    #dettagliBando .table-buttons.fixed-buttons .share .export-btn {
        padding: 12px 10px;
    }
    #dettagliBando .table-buttons .share .social-media-wrap {
        display: none;
    }
    #dettagliBando .fixed-buttons.table-buttons .share .social-media-wrap {
        display: block;
        top: unset;
        bottom: 100%;
        left: unset;
        right: -20px;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        width: auto;
    }
    #dettagliBando .table-buttons .share .social-media-wrap .social-media::before {
        border-width: 9px 7px 0 7px;
        border-color: #fff transparent transparent transparent;
        bottom: -8px;
        top: unset;
        right: 25px;
    }
    #dettagliBando .table-buttons .share .social-media-wrap .social-media {
        -webkit-transform: translateY(150%);
        -moz-transform: translateY(150%);
        -ms-transform: translateY(150%);
        -o-transform: translateY(150%);
        transform: translateY(150%);
    }
    #dettagliBando .table-buttons .share .social-media-wrap .at-resp-share-element .at-share-btn {
        width: 45px;
    }
    #dettagliBando .table-buttons .share .social-media-wrap .at-resp-share-element .at-share-btn .at-icon-wrapper {
        line-height: 45px!important;
        height: 45px!important;
        width: 45px!important;
    }
    #dettagliBando .table-buttons .share .social-media-wrap .at-resp-share-element .at-share-btn .at-icon-wrapper svg {
        line-height: 35px!important;
        height: 35px!important;
        width: 35px!important;
    }
    #dettagliBando .table-buttons .share .social-media-wrap .at-resp-share-element .at-share-btn .at-label {
        display: none;
    }
    .table-buttons.fixed-buttons.sticky {
        -webkit-border-radius: 15px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius: 15px;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        border-radius: 15px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    #abbonamentoForm .subscription-select .wrap {
        display: block;
    }
    #abbonamentoForm .subscription-select .subscription-box {
        margin-bottom: 10px;
        width: 100%;
    }
    #abbonamentoForm .subscription-select .subscription-box > div {
        padding: 0;
    }
    #abbonamentoForm .subscription-select {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 25px;
    }
    #abbonamentoForm .subscription-select .subscription-box label .price-block {
        background: none;
        margin: 0;
        padding: 0;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
    }
    #abbonamentoForm .subscription-select .subscription-box label .wrap-box {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    #abbonamentoForm .title {
        text-align: center;
    }
    #abbonamentoForm .subscription-select .subscription-box label .price-block .price {
        font-size: 15px;
    }
    #abbonamentoForm .subscription-select .subscription-box label .price-block .discount {
        font-size: 12px;
    }
    #abbonamentoForm .subscription-select .subscription-box label .subscription-title {
        font-size: 23px;
    }
    #abbonamentoForm .subscription-select .subscription-box label .percent-discount {
        font-size: 15px;
    }
    body.abbonamento .page {
        padding-top: 20px;
    }
    body.abbonamento .page.center-content {
        padding-top: 40px;
    }
    #abbonamentoForm .position-sticky {
        position: static;
    }
    .left-sidebar form .buttons-wrap > .button-regular {
        width: 60%;
        width: calc(100% - 130px);
    }
    .dataTables_paginate .pagination .paginate_button > button {
        background: none;
        color: #00477c;
        border: none;
        padding: 5px 7px;
        font-size: 13px;
    }
}
@media screen and (max-width: 640px) {
    .pageBoxContent::before {
        right: -250px;
        top: -340px;
    }
    .headerContainer .headerRightContainer {
        max-width: unset;
    }
    .headerContainer .headerRightContainer .SignUpButton > .button {
        max-width: unset;
    }
    #because-we .benefits-wrap .item-wrap {
        width: 100%;
    }
    .box-info .user-categories {
        margin: 0;
    }
    .box-info .user-categories li {
        padding: 0;
        float: none;
        width: 100%;
    }
    .box-info .user-categories li:nth-child(odd) {
        clear: none;
    }
    #dettagliBando .modal-content::before {
        height: 1000px;
        width: 815px;    
    }
    #abbonamentoForm .main-box {
        padding: 20px 15px;
    }
    .page .main-title.back-btn {
        text-align: left;
    }
    .page .main-title.back-btn span {
        display: block;
        margin-top: 10px;
        text-align: center;
    }
    .page .main-title .back {
        position: static;
        left: unset;
        top: unset;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}
@media screen and (max-width: 480px) {
    .pageBoxContent::before {
        top: -420px;
    }
    #how-does-it-work:before {
        left: -520px;
    }
    #because-we::before {
        right: -580px;
    }
    .modal-content {
        padding: 35px 15px;
    }
    .from-box .inputs-wrap {
        margin: 0;
    }
    .from-box .inputs-wrap .col-4 {
        float: none;
        padding: 0;
        width: 100%;
    }
    .from-box .inputs-wrap .col-4:nth-child(2n + 1) {
        clear: unset;
    }
    .from-box .inputs-wrap .col-4 .input-wrap {
        margin: 5px 0 15px 0;
    }
    .from-box .inputs-wrap .col-4:last-child .input-wrap {
        margin: 5px 0 0 0;
    }
    .checkbox-form .buttons-wrap .buttons button {
        width: 100%;
    }
    .checkbox-form .buttons-wrap .buttons .link-btn {
        margin-bottom: 10px;
    }
    .page .main-title {
        font-size: 26px; 
    }
    .page .main-title i {
        margin-right: 5px;
        font-size: 30px;
        top: 2px;
    }
    .table-buttons.fixed-buttons.sticky {
        padding: 10px;
    }
    .table-buttons.fixed-buttons .export-btn {
        margin: 0 4px;
        padding: 12px 10px;
        text-transform: none;
    }
    #dettagliBando .table-buttons.fixed-buttons .download-btsn .export-btn {
        max-width: 140px;
    }
    .table-buttons.fixed-buttons .export-btn i {
        font-size: 18px;
    }
    .checkbox-form .info-block-wrap {
        min-height: 205px;
    }
}
@media all and (max-width: 400px) {
    .left-sidebar .sidebar-wrap .title {
        padding: 50px 20px 0 20px;
    }
    .left-sidebar .sidebar-wrap .custom-scrollbar {
        max-width: 100%;
    }
    .scrollbar-inner>.scroll-element.scroll-y {
        right: 4px;
    }
    .left-sidebar .sidebar-wrap .scroll-wrapper {
        max-height: 70vh;
        max-height: calc(100vh - 195px);
    }
    .left-sidebar form .buttons-wrap {
        padding: 15px;
    }
    .left-sidebar form .buttons-wrap > .button,
    .left-sidebar form .buttons-wrap > button:disabled {
        padding: 12px;
    }
}
@media all and (max-width: 375px) {
    .pageBoxContent::before {
        top: -500px;
    }
    #home-section .sectionBlockImage img {
        max-width: 90%;
    }
}
@media all and (max-width: 360px) {
    #footer .info-wrap {
        display: block;
    }
    #footer .info {
        margin-bottom: 20px;
    }
    .left-sidebar form .buttons-wrap > .button,
    .left-sidebar form .buttons-wrap > button:disabled {
        padding: 10px 8px;
    }
    .table-buttons.fixed-buttons .export-btn i,
    #dettagliBando .table-buttons.fixed-buttons .download-btsn .export-btn i {
        display: none
    }
    #dettagliBando .table-buttons.fixed-buttons .export-btn i {
        display: inline-block;
    }
    #dettagliBando .bandoData #numero_rdo_single,
    #dettagliBando .bandoData #data_ora_termine_ultimo_presentazione,
    #dettagliBando .bandoData #nomeRegione,
    #dettagliBando .bandoData #importo_totale_base_asta {
        margin-top: 15px;
        text-align: left;
        width: 100%;
    }
    .box-info .btns-wrap .button {
        min-width: 110px;
    }
}
@media all and (max-height: 600px) {
    #home-section .sectionBlockImage img {
        max-width: 50%;
    }
}