/*--------------------------------------------------------------------------------HEADER------------------------------------------------------------------*/

@media (min-width: 768px) {
    .top-header #top-menu {
        display: none;
    }

    .site-header__container {
        gap: unset;
        min-height: 70px;
    }

    .site-header {
        min-height: 70px;
    }

    .container.header-separator {
        margin-top: 90px;
    }

    .top-header {
        gap: 35px;
    }

    .site-logotype {
        margin: 0;
    }

    .social-links {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        min-width: 120px;
    }

    .header-search svg,
    .header-account svg {
        width: auto;
        height: auto;
    }

    .header-part {
        gap: 84px;
    }

    .header-switch {
        width: 53px;
        height: 29px;
    }

    .header-switch__slider::after {
        height: 13px;
        width: 13px;
        left: 36%;
        bottom: 30%;
        box-shadow: inset 6px -5px 0px -1px #131313;
    }

    .header-switch__slider::before {
        height: 22px;
        width: 22px;
        left: 10%;
    }

    input:checked+.header-switch__slider::before {
        box-shadow: inset 15px -4px 0px 15px #fff000;
    }

    .exchange {
        display: flex !important;
        align-items: center;
        gap: 6px;
        padding: 6px 8px;
        height: 45px;
        color: #d9d9d9 !important;
        border-radius: 250px;
        font-weight: 400;
        font-size: 15px;
        border: 1px solid #fff;
        transition: all .2s ease-in-out;
    }

    .exchange:hover {
        color: #d9d9d9 !important;
    }

    .exchange:hover {
        border-color: var(--main-color);
    }

    .exchange img {
        width: 30px;
        height: 30px;
        max-width: 100%;
        backface-visibility: hidden;
    }

    .exchange:hover img {
        animation: rotate 0.5s linear forwards;
    }

    footer .exchange span {
        display: block;
    }

    .site-header__container .site-logotype {
        max-width: 180px !important;
        height: 36px;
    }

    @keyframes rotate {
        0% {
            transform: rotate(0deg);
            animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
        }

        100% {
            transform: rotate(360deg);
        }
    }
}

@media (min-width: 992px) {
    .top-header {
        gap: 30px;
    }

    .site-logotype {
        max-width: 180px !important;
        height: 36px;
    }

    [class*="__container"] {
        padding: 0 20px;
    }

    header .nav {
        display: flex;
        align-items: center;
        gap: 20px;
        justify-content: space-between;
    }

    .nav__link {
        display: block !important;
        color: #bcbcbc !important;
    }

    .nav__link:hover {
        color: var(--main-color) !important;
    }
}

@media (min-width: 1200px) {
    header .nav {
        gap: 40px;
    }
}


/*--------------------------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------FOOTER------------------------------------------------------------------*/

@media (min-width: 768px) {
    .site-footer {
        padding: 28px 0 0;
    }

    .footer__columns {
        grid-template-columns: repeat(2, auto);
        gap: 50px;
    }

    .footer__right-column .footer__column:first-child {
        grid-column: span 1;
    }

    .footer__links {
        gap: 25px;
    }

    .footer__icon svg {
        width: auto;
        height: auto;
    }

    .footer__icon {
        width: 44px;
        height: 44px;
    }

    .footer__icon.close img {
        width: 44px;
        height: 44px;
    }

    .footer__bot,
    .footer__mail,
    .footer__medias .footer__title,
    .footer__small-column .footer__title {
        font-size: 16px;
    }

    .footer__medias {
        gap: 17px;
        margin-bottom: 80px;
    }

    .footer__icons {
        gap: 20px;
    }

    .footer__button {
        max-width: 180px;
        font-size: 14px;
        height: 40px;
    }

    .footer__right-column {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 20px;
        row-gap: 10px;
    }

    .footer-bottom__items {
        gap: 20px;
        flex-direction: row;
    }

    .footer-bottom__link,
    .footer-bottom__copyright {
        font-size: 14px;
    }

    .footer-bottom__developer {
        font-size: 14px;
    }

    .footer-bottom__developer img {
        max-width: 80px;
    }

    .footer__bottom {
        padding: 20px 0;
    }

    .footer__bot::after {
        width: 25px;
        height: 25px;
        right: 32px;
        top: -4px;
    }
}

@media (min-width: 992px) {
    .site-footer {
        padding: 28px 0 0;
    }

    .footer__columns {
        gap: 40px;
    }

    .footer__column:first-child,
    .footer__right-column .footer__column:first-child {
        grid-column: unset;
    }

    .footer__right-column {
        column-gap: 30px;
    }

    .footer__big-column {
        gap: 50px;
    }

    .footer__icon.close span {
        display: block;
        color: #7c8797;
        font-size: 12px;
        line-height: 19px;
        font-weight: 400;
    }

    .footer__medias {
        margin-bottom: 90px;
    }

    .footer-bottom__items {
        gap: 40px;
        flex-wrap: nowrap;
    }

    .footer__bot:hover::after {
        transform: translateX(8px)translateY(-5px)scale(1, 1);
        opacity: 1;
    }

    .footer__bot::after {
        right: 37px;
        top: 0;
        opacity: 0;
        transform: translateX(0px) translateY(0px) scale(0, 0);
    }

    .footer__top {
        flex-direction: row;
        gap: 60px;
    }

    .footer__icon.close:hover::before {
        opacity: 1;
    }

    .footer__alert {
        font-size: 14px;
    }

    .footer__group {
        flex-direction: row;
        gap: 40px;
        align-items: center;
    }

    .footer__links {
        flex-direction: row;
        gap: 30px;
    }

    .footer__top {
        align-items: center;
        gap: 30px;
    }
}

@media (min-width: 1200px) {

    .footer__links span,
    .footer__links a,
    .footer__link {
        font-size: 14px;
    }

    .footer__group {
        gap: 60px;
    }

    .footer__links {
        gap: 40px;
    }
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------CRYPTOCURRENCY------------------------------------------------------------------*/
@media (min-width: 992px) {
    .topCrypto {
        padding-bottom: 10px;
        margin-bottom: 40px;
    }

    .cryptocurrency__items {
        padding-bottom: 12px;
        scrollbar-width: thin;
    }

    .cryptocurrency__item {
        gap: 8px;
    }

    .cryptocurrency__info {
        padding: 5px 5px;
    }
}

@media (min-width: 1100px) {
    .cryptocurrency__items {
        overflow-x: unset;
    }
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------STORIES------------------------------------------------------------------*/

@media (min-width: 768px) {
    .wpstory-feed-item .wpstory-feed-canvas {
        max-width: 67px;
        max-height: 66px;
    }

    .topContentStoriesItem img {
        padding: 5px;
    }

    .wpstory-feed-item {
        max-width: 66px;
        max-height: 66px;
    }

    .wpstory-item-circles .wpstory-feed-item-ins .wpstory-circle-image canvas,
    .wpstory-item-circles .wpstory-feed-item-ins .wpstory-circle-image img,
    .wpstory-item-circles .wpstory-feed-item-ins .wpstory-feed-canvas canvas,
    .wpstory-item-circles .wpstory-feed-item-ins .wpstory-feed-canvas img {
        height: 55px !important;
        width: 56px !important;
    }

    .wpstory-shortcode-wrapper {
        overflow-x: unset;
        scrollbar-width: unset;
    }
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------HOME------------------------------------------------------------------*/

@media (min-width: 768px) {
    .section-block.HomeTopest {
        padding-top: unset;
    }

    .section-block.HomeTopest {
        padding-bottom: 20px;
    }

    .section-html {
        margin: 1rem 0 7rem;
    }

    .section-block__title {
        font-size: 23px;
    }

    .section-block__header {
        margin-bottom: 30px;
    }

    .HomeTopest .section-block__title::before {
        width: 26px;
        height: 30px;
        margin-right: 13px;
        left: -7px;
    }

    .post_card_tags {
        top: 21px;
        left: 22px;
    }

    .entry-image .post_card_tags {
        top: 28px;
        left: 32px;
    }

    .post_card_tags li {
        font-size: 14px;
        padding: 9px 12px;
    }

    body:not(.single-post) .post-card__thumbnail {
        max-height: 400px;
        margin-bottom: 22px;
    }

    body:not(.single-post) .post-card__title {
        font-size: 23px;
        line-height: 30px;
        left: 0;
        bottom: 0px;
    }

    .post-card__meta {
        left: 0;
        width: 100%;
        margin-top: 17px;
        font-size: 13px;
    }

    .entry-meta {
        width: 100%;
        margin-top: 17px;
        font-size: 13px;
    }

    .entry-meta {
        margin: 10px 0 25px;
    }

    .postitem__author {
        font-size: 13px;
        flex: 0 0 50%;
    }

    .post-card__meta:has(.post-card__comments) .post-card__date::after,
    .entry-meta:has(.entry-comments) .date_post::after {
        right: -7px;
        bottom: 3px;
        width: 1px;
        height: 10px;
        opacity: 20%;
    }

    .post-card__comments,
    .post-card__views {
        font-size: 12px;
        margin-right: 25px;
    }

    .post-card__meta .post-card__views {
        margin-right: 0;
    }

    .entry-comments,
    .entry-views {
        font-size: 12px;
        margin-right: 20px;
    }

    .post-card__comments::before,
    .entry-comments::before {
        width: 20px;
        height: 20px;
        left: -5px;
    }

    .post-card__views::before,
    .entry-views::before {
        width: 20px;
        height: 20px;
        left: -5px;
    }

    .entry-views::before {
        top: 7px;
    }

    .entry-comments::before {
        top: 6px;
    }

    .home .post-card--standard {
        margin-bottom: 6.5rem;
    }

    .videos {
        margin-bottom: 56px;
    }
}

@media (min-width: 992px) {
    .content-area {
        max-width: calc(100% - 316px);
        -ms-flex: 0 0 calc(100% - 316px);
        flex: 0 0 calc(100% - 316px);
        padding-right: 45px;
    }
}

@media (min-width: 1200px) {
    .postitem__author {
        flex: 1 0 59%;
    }
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------POST CARD------------------------------------------------------------------*/

@media (min-width: 768px) {
    .breadcrumb {
        margin-bottom: 30px;
    }

    .breadcrumb a,
    .breadcrumb span {
        font-size: 13px;
    }

    .entry-title {
        font-size: 30px;
        line-height: 42px;
    }

    .entry-meta .date_post {
        font-size: 13px;
    }

    .entry-share .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
        width: 44px;
        height: 44px;
    }

    .entry-image {
        margin-bottom: 40px;
    }

    /*  .entry-content {
        padding-bottom: 30px;
    }*/

    .entry-content h2 {
        font-size: 25px;
        line-height: 35px;
    }

    .entry-content p {
        font-size: 16px;
    }

    .entry-content .block-quote-back {
        font-size: 18px;
        padding: 16px 17px;
        margin: 20px 0;
    }

    .entry-content .block-quote-top-bottom {
        padding: 25px 0;
    }

    .author-box {
        margin-bottom: 50px;
    }

    .author-box .author-info .author-box__author {
        font-size: 13px;
        margin-bottom: 20px;
    }

    .date_author {
        font-size: 13px;
    }

    .subscribe-tg__side {
        flex: 0 1 50%;
    }

    .subscribe-tg__side_medium {
        flex: 0 1 45%;
    }

    .subscribe-tg__img {
        max-width: 177px;
        max-height: 172px;
    }

    .subscribe-tg__content {
        gap: 20px;
        padding: 30px 20px;
    }

    .subscribe-tg__title {
        font-size: 25px;
        line-height: 32.5px;
    }

    .subscribe-tg__button {
        font-size: 15px;
    }

    .related-posts__header {
        font-size: 18px;
        margin-bottom: 35px;
        text-align: start;
    }
}

@media (min-width: 992px) {
    .breadcrumb {
        margin-bottom: 50px;
    }

    .entry-image {
        margin-bottom: 50px;
    }

    .subscribe-tg__side_medium {
        flex: 0 1 42%;
    }

    .site-content-inner {
        padding-bottom: 6rem;
    }
}

/*--------------------------------------------------------------------------------YOUTUBE VIDEOS------------------------------------------------------------------*/

@media (min-width: 992px) {
    .videos-block__items {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .videos {
        margin-bottom: 56px;
    }
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------USER POST--------------------------------------------------------------------------*/

@media (min-width: 992px) {
    .article-form-container {
        margin-bottom: 0;
    }

    .article-form-container .textTitle textarea {
        font-size: 20px;
        width: 100%;
        height: 60px;
        outline: none;
        padding: 14px 27px;
    }

    .article-form-container .form-group:nth-child(2) {
        margin: 50px 0;
        padding: 70px 60px;
    }

    .article-form-container #submit-article {
        margin-top: 50px;
    }

    .article-form-container h1 {
        font-size: 30px;
    }
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------RATES--------------------------------------------------------------------------*/

@media (min-width: 992px) {
    .rates {
        padding-bottom: 0;
    }

    .rates_head {
        display: flex;
        align-items: center;
        padding: 10px 0;
        transition: box-shadow .2s ease-in-out;
        position: relative;
        flex-wrap: wrap;
        font-weight: 400;
        margin-bottom: 20px;
        margin-top: 50px;
        cursor: auto;
    }

    .rates_head:before {
        content: "";
        position: absolute;
        left: 29px;
        right: 203px;
        top: 50%;
        background: #f9f9f9;
        height: 1px;
    }

    .rates_head .col:nth-child(1) {
        flex: 0 0 25px;
        font-weight: 700;
        font-size: 16px;
        line-height: 18px;
        color: #000;
        text-align: left;
        padding-left: 8px;
    }

    .rates_head .col:nth-child(2) {
        flex: 0 0 240px;
        position: relative;
    }

    .rates_head .col:nth-child(3) {
        flex: 0 0 133px;
        text-align: right;
        z-index: 1;
        position: relative;
    }

    .rates_head .col:nth-child(4) {
        flex: 0 0 242px;
        text-align: right;
        font-size: 14px;
        line-height: 18px;
        color: #000;
        z-index: 1;
    }

    .rates_head .col span {
        background: var(--rates_bg);
        padding: 10px;
        border-radius: 10px;
        font-weight: bold;
        z-index: 1;
        color: var(--white_text_black);
        position: relative;
    }

    .rates_head .col:nth-child(5) {
        flex: 0 0 240px;
        text-align: right;
        font-size: 14px;
        line-height: 18px;
        color: #000;
        z-index: 1;
    }

    .rates_wrap_row {
        flex-wrap: wrap;
    }

    .ratesList .col:nth-child(3) {
        flex: 0 0 190px;
    }

    .ratesList .col:nth-child(1) {
        flex: 0 0 50px;
    }

    .ratesList .col:nth-child(6) {
        padding-left: 0;
    }

    h1.rates-title {
        font-size: 30px;
    }
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------EXCHANGES--------------------------------------------------------------------------*/

@media (min-width: 768px) {
    .exchange-row.header-row::after {
        right: 0;
    }
}

@media (min-width: 992px) {
    .exchanges {
        margin-top: 35px;
    }

    .exchange-row {
        grid-template-columns: minmax(62px, 65px) minmax(173px, 174px) minmax(119px, 135px) minmax(305px, 310px) minmax(189px, 195px) minmax(210px, 195px);
    }

    .header-row.exchange-row {
        grid-template-columns: minmax(62px, 65px) minmax(33px, auto) minmax(97px, auto) minmax(100px, 222px) minmax(175px, auto) minmax(93px, auto);
    }

    .cell-trust span {
        padding: 5px 8px;
    }

    .circle-info {
        top: 50%;
        right: 24%;
    }

    .exchange-tooltip {
        top: -71px;
        left: -8%;
        font-size: 14px;
        width: 320px;
    }

    div[data-popper-arrow] {
        top: unset;
        bottom: -4px;
        left: 50%;
    }

    .exchange-row.header-row {
        padding: 0px 8px;
    }

    .exchange-row.header-row::after {
        right: 215px;
    }

    .header-row .exchange-cell {
        padding: 19px 0px;
    }

}

@media (min-width: 1200px) {
    .exchanges {
        overflow: unset;
    }

    .exchange-row {
        grid-template-columns: minmax(41px, 44px) minmax(173px, 174px) minmax(119px, 135px) minmax(305px, 310px) minmax(189px, 195px) minmax(80px, auto);
    }
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------*/

@media (min-width: 768px) {
    .hero-block {
        padding-bottom: 111px;
    }

    .title {
        font-size: 40px;
    }

    .hero-block__title {
        margin-bottom: 41px;
    }

    .home__hero {
        padding-top: 260px;
    }

    .col-input {
        min-width: 418px;
    }

    .hero-block__wrapper {
        padding: 24px 28px 31px;
        border-radius: 15px;
    }

    .exchange-button {
        padding: 14px 20px;
        max-width: 265px;
    }

    .exchange-button img {
        max-width: 30px;
        max-height: 23px;
    }

    .exchange-button span {
        font-size: 18px;
    }

    .exchange-rate {
        margin-bottom: 32px;
    }

    .how-exchange {
        padding: 83px 0 100px;
    }

    .ticker {
        padding: 14px 0;
        margin-bottom: 100px;
    }

    .ticker__item {
        width: 132px;
        height: 132px;
        margin: 0 10px;
    }

    .ticker__item img {
        width: 73px;
        height: 73px;
    }

    .how-exchange__step-title {
        max-width: 190px;
    }

    .advantages__title {
        margin-bottom: 84px;
    }

    .map-block {
        padding: 42px;
    }

    .faq {
        margin-bottom: 144px;
    }

    .faq__subtitle {
        font-size: 18px;
    }

    .faq__head {
        padding: 19px 0;
    }

    .faq__icon svg {
        max-width: unset;
        max-height: unset;
    }

    .faq__question {
        font-size: 18px;
    }

    .faq__answer {
        font-size: 14px;
        padding-bottom: 40px;
    }

    .reviews__link {
        margin: 25px 0 40px;
    }

    .read-us__title {
        font-size: 20px;
        margin-bottom: 25px;
    }

    .read-us__item:first-child img {
        width: 110px;
        height: 32px;
    }

    .read-us__item:last-child img {
        width: 73px;
        height: 19px;
    }

    section {
        scroll-margin-top: 100px;
    }
}

@media (min-width: 992px) {
    .how-exchange__steps {
        grid-template-columns: repeat(3, 1fr);
        margin-bottom: 38px;
    }

    .how-exchange__step {
        border-bottom: unset;
        border-right: 1px solid #404040;
        padding: 30px 40px 40px;
    }

    .how-exchange__step:last-child {
        border-right: unset;
    }

    .advantages {
        margin-bottom: 138px;
    }

    .advantages__items {
        grid-template-columns: repeat(2, 1fr);
        justify-content: space-between;
        gap: 145px 120px;
    }

    .advantages__content-title {
        font-size: 21px;
        margin-bottom: 6px;
    }

    .advantages__content-text {
        font-size: 16px;
        text-wrap: balance;
    }

    .map-block__img {
        margin-bottom: 16px;
    }

    .map-block {
        margin-bottom: 130px;
    }

    .faq {
        flex-direction: row;
    }

    .faq__title {
        margin-bottom: 40px;
    }

    .reviews {
        margin-bottom: 50px;
    }

    .reviews__sides {
        grid-template-columns: 370px 1fr;
        gap: 30px;
    }

    .reviews__items {
        display: grid;
        gap: 30px;
        margin-bottom: 22px;
    }

    .reviews__left {
        order: unset;
    }

    .reviews__link {
        margin: 0;
    }

    .widget-block {
        bottom: 180px;
        right: 70px;
    }

    .scroll-to-top {
        bottom: 50px;
        right: 79px;
    }
}

@media (min-width: 1200px) {
    .advantages__items {
        max-width: 1110px;
        margin-left: 40px;
    }
}