@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {
    .section-100 {
        padding: 50px 0;
    }
    .card.card--row {
        flex-direction: column;
    }
    .single-page-img {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 30px;
    }
    .single-page-content .section-title {
        text-align: center;
    }
    .pricing__table-wrapper {
        padding: 25px;
    }
    .columns > .col-6 {
        flex: 0 0 100%;
        width: 100%;
    }
    .contant-us {
        margin-bottom: 30px;
    }
    .footer-menu {
        display: none;
    }
    .columns > .col-4 {
        flex: 0 0 100%;
        width: 100%;
    }
    .section {
        padding: 30px 0;
    }
    .pricing .col-4:not(:last-child) {
        margin-bottom: 30px;
    }
    header.header-logined .header__logo {
        margin-right: 0;
    }
    .mobile-hidden {
        display: none;
    }
    .header-actions {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 30px;
    }

    .header-actions > * {
        margin-right: 15px;
    }
}

@media (max-width: 575.98px) {
    .header__logo,
    .footer-logo {
        display: block;
        overflow: hidden;
        max-width: 35px;
    }
    .header__logo img,
    .footer-logo img {
        width: 243px;
        max-width: none;
    }
    .heading.heading-h1 {
        font-size: 40px;
        line-height: 50px;
    }
    #how-it-works {
        padding-top: 0;
        padding-bottom: 0;
    }
    .card--info.py-68.px-40 , .card--info.py-30.px-40{
        padding: 20px;
    }
    #how-it-works .col-4:not(:last-child) {
        margin-bottom: 30px;
    }
    .radio-btn .btn ,
    .radio-btn .radio-btn--input:checked ~ .btn
    {
        padding: 5px 10px;
    } 
    .columns.columns-37 {
        margin-right: -20px;
        margin-left: -20px;
    }   
    .columns.columns-37 > * {
        padding-left: 20px;
        padding-right: 20px;
    }
    .pricing {
        padding: 0 20px;
    }
    .accordion-list__item h4 {
        font-size: 20px;
        line-height: 26px;
    }
    body {
        background-size: contain;
        background-position: center top 60px;
    }
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {
    .mobile-visible {
        display: none;
    }
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}