@media (min-width: 320px) and (max-width: 910px) {
    .banner-warning {
        font-size: 15px;
        line-height: 1.4;
    }

    .readmore-catdesc {
        margin-bottom: -27px;
    }

    .disclamer-bg-box__text {
        font-size: 22px;
        width: 88%;
    }

    .categ-blog {
        padding-bottom: 30px;
    }

    .partner {
        display: none !important;
    }

    .blog-cont .items-row:last-child {
        margin-bottom: 0;
    }

    .pagination {
        width: 100%;
        margin-bottom: 15px;
        margin-top: 0;
    }

    .guide-navigation {
        margin-bottom: 43px;
        padding: 0 10px;
    }

    .bottom-info #ccomment {
        padding-top: 22px;
    }

    .other-story-block {
        padding: 26px 27px;
    }

    .other-story-block img {
        position: static;
        height: 155px;
        margin: 0 auto 9px auto;
        border-radius: 59px;
    }

    .osb-title {
        text-align: center;
        font-size: 21px;
    }

    .other-story-block p {
        width: 100%;
        font-size: 18px;
    }

    .other-story-block a {
        margin: 19px auto 0 auto;
    }

    .mainSlider {
        display: none;
    }

    body.home {
        background-image: linear-gradient(to right, #d8e6ff, #e9cedd);
    }

    .bg-slider-slid {
        height: 351px !important;
    }

    .seria-text-choose li {
        line-height: 1.3;
        font-size: 18px;
    }

    .sekret-n-slide .pers-img {
        width: 100%;
        height: unset;
    }

    .floating-menu::before, .floating-menu::after {
        display: none;
    }

    .malbonte {
        height: auto !important;
        width: 100% !important;
        top: 42% !important;
        transform: translate(-50%, 0px);
        left: 50% !important;
    }

    .main-image {
        height: 219px !important;
    }

    .main-image {
        display: none !important;
    }

    .main-image-nav {
        margin-top: 0;
        overflow: visible;
    }

    .main-section-pg {
        padding-top: 100px;
        padding-bottom: 9px;
    }

    .main-image-nav .slick-track {
    }

    .main-slider-slid.slick-active {
        z-index: 1;
    }

    .main-slider-slid a {
        display: block;
        height: 100%;
    }

    .main-slider-slid {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        max-width: 350px;
        margin: 0 auto;
        display: block;
        padding: 12px 0 11px 10px;
        transition: 0.5s;
        background-image: url(https://i.ibb.co/RHVCG0B/anthology8preview2large0.png) !important;
    }

    .sp-megamenu-wrapper {
        display: flex;
    }

    #offcanvas-toggler {
        margin: 0 auto;
        float: none;
        width: 35px !important;
        height: 31px;
        line-height: 1;
        background: url("/images/icons/menu.svg") no-repeat center;
        background-size: 50%;
        filter: invert(1);
    }

    #sp-header::before {
        opacity: 0;
    }

    #sp-header {
        width: 70%;
        height: 40px;
        box-shadow: none;
        background: #833ce0;
        border-radius: 0 0px 166px 166px;
        border: 0;
    }

    .soc-miniblock {
        position: static;
    }

    .thumb-img {
        margin: 18px auto 0 auto;
    }

    .main-section-pg .full-width-cont {
        margin-bottom: 13px !important;
    }

    .thumb-img {
        margin: 18px auto 0 auto;
        height: 144px;
    }

    .decor-img {
        position: absolute;
        top: 31px;
        left: 50%;
        transform: translate(-50%, 0px);
        height: 69px;
        width: auto;
    }

    .info-img {
        position: absolute;
        height: 27px;
        border-radius: 105px;
        top: 93px;
        right: 121px;
    }

    .home #sp-main-body::before {
        top: 378px;
    }

    .seria-text-choose {
        width: 100%;
        padding: 42px 21px 27px 21px;
    }

    .seria-text-choose h2 {
        transform: translate(-50%, 0px);
        left: 50%;
        height: unset;
        font-size: 16px;
        line-height: 1;
        display: flex;
        justify-content: center;
        padding: 9px 26px 9px 26px;
    }

    .seria-text-choose ul {
        padding: 0 20px;
    }

    .lg-outer .lg-img-wrap {
        background-size: 30%;
    }

    .full-storyh1 {
        font-size: 24px;
        margin-top: 0;
    }

    .full-story-section .page-header {
        margin-top: 4px;
        margin-bottom: 13px;
    }

    .full-storyh2 {
        font-size: 21px;
    }

    .full-story-section .entry-header {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }

    .article-index {
        margin-top: 10px;
    }

    .pager ul {
        padding: 0 12px;
    }

    .view-article article {
        margin-bottom: 0;
        padding: 0;
    }

    .news-article {
        background-color: transparent;
    }

    .pager li > a {
        color: black;
    }

    .pager li > a span {
        font-size: 9px;
    }

    .pager {
        margin-top: -40px;
    }

    .person-cat-wrap {
        width: 100%;
    }

    .person-cat-wrap__ads {
        margin-bottom: 11px;
    }

    .cat-story-section {
        height: 230px;
    }

    .cat-story-logo {
        max-height: 126px;
        margin: -16px auto 0 auto;
    }

    #sp-main-body::before {
        top: 216px;
    }

    .breadcrumb {
        font-size: 15px;
        flex-wrap: wrap;
        text-align: center;
        line-height: 25px;
        justify-content: center;
        padding: 4px 1px;
    }

    .choose-way-page h1 {
        font-size: 24px;
        text-align: center;
        line-height: 27px;
    }

    @keyframes pushme {
        0% {
            transform: translate(-50%, -50%);
        }
        50% {
            transform: translate(-50%, -51.5%);
        }
        100% {
            transform: translate(-50%, -50%);
        }
    }
    #sp-header .container {
        width: 100%;
    }

    #sp-header .row {
        display: flex;
        justify-content: center;
    }

    .green-title {
        font-size: 13px;
        background: #64c367;
        width: 101px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 24px;
        border-radius: 3px;
        position: absolute;
        margin: 0 auto;
        margin-right: 8px;
        text-shadow: none;
        right: 10px;
        top: 15px;
        line-height: 1;
        padding-top: 3px;
    }

    .main-slider-slid::before {
        width: 194px;
        left: -4px;
    }

    .strast-nav {
        background-position: 9% 22%;
    }

    .regular-h1 {
        font-size: 35px;
        text-align: center;
        margin-top: 25px;
        line-height: 1;
    }

    .about-banner {
        padding: 0;
    }

    .about-banner ul li {
        margin-bottom: 5px;
    }

    .about-banner ul {
        font-size: 19px;
        line-height: 32px;
        padding-left: 15px;
    }

    .about-banner p {
        font-size: 19px;
        max-height: 64px;
        overflow: hidden;
        transition: 0.4s;
    }

    @keyframes rotation {
        0% {
            transform: translate(-50%, 0) rotate(0);
        }

        5% {
            transform: translate(-50%, 0) rotate(12deg);
        }

        10% {
            transform: translate(-50%, 0) rotate(-10deg);
        }

        15% {
            transform: translate(-50%, 0) rotate(9deg);
        }

        20% {
            transform: translate(-50%, 0) rotate(-8deg);
        }

        25% {
            transform: translate(-50%, 0) rotate(7deg);
        }

        30% {
            transform: translate(-50%, 0) rotate(-6deg);
        }

        35% {
            transform: translate(-50%, 0) rotate(5deg);
        }

        40% {
            transform: translate(-50%, 0) rotate(-4deg);
        }

        45% {
            transform: translate(-50%, 0) rotate(3deg);
        }

        50% {
            transform: translate(-50%, 0) rotate(0);
        }

        100% {
            transform: translate(-50%, 0) rotate(0);
        }

    }
    @keyframes rotation-updown {
        0% {
            transform: translate(-50%, 0) rotate(-180deg);
        }

        5% {
            transform: translate(-50%, 0) rotate(-192deg);
        }

        10% {
            transform: translate(-50%, 0) rotate(-170deg);
        }

        15% {
            transform: translate(-50%, 0) rotate(-189deg);
        }

        20% {
            transform: translate(-50%, 0) rotate(-172deg);
        }

        25% {
            transform: translate(-50%, 0) rotate(-187deg);
        }

        30% {
            transform: translate(-50%, 0) rotate(-174deg);
        }

        35% {
            transform: translate(-50%, 0) rotate(-185deg);
        }

        40% {
            transform: translate(-50%, 0) rotate(-176deg);
        }

        45% {
            transform: translate(-50%, 0) rotate(-183deg);
        }

        50% {
            transform: translate(-50%, 0) rotate(-180deg);
        }

        100% {
            transform: translate(-50%, 0) rotate(-180deg);
        }

    }
    .full-p::before {
        opacity: 0 !important;
        transition: 0.4s;
    }

    .hiddin-height::before {
        content: '';
        width: 160%;
        height: 42px;
        position: absolute;
        bottom: 0;
        background: linear-gradient(to right, #d8e6ff, #e9cedd);
        opacity: 0.5;
        transform: translate(-50%, 0px);
        z-index: 11;
        left: 50%;
        transition: 0.4s;
    }

    .hidden-mobmore {
        bottom: -43px;
        height: 40px;
        width: 40px;
        z-index: 11;
        border-radius: 100px;
        border: 1px solid #00000024;
        background-color: white;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0px);
        background-image: url("/images/icons/arrow-acc-down.svg");
        background-repeat: no-repeat;
        background-size: 32%;
        background-position: center;
        animation: 3s rotation infinite;
        transition: 0.4s;
        box-shadow: 0 0 0 3px white;
    }

    .hiddin-height {
        position: relative;
        transition: 0.4s;
    }

    .full-p {
        max-height: 9999px !important;
        transition: 0.4s;
    }

    .full-p .hidden-mobmore {
        bottom: -52px;
        transition: 0.4s;
        animation-iteration-count: infinite;
        animation: 3s rotation-updown infinite;
    }

    .text-section {
        padding-top: 23px !important;
        padding-bottom: 15px;
    }

    .all-st-lnk {
        color: white;
        margin: 21px auto 0 auto;
    }

    .first-desc-sect {
        padding-bottom: 19px;
        background-color: transparent;
    }

    .regular-h2 {
        font-size: 29px;
        text-align: center;
        margin-top: 7px;
    }

    .new-series-section .container {
        display: flex;
        flex-wrap: wrap;
    }

    .jopas {
        order: 2;
        padding: 0;
    }

    .right-jopas {
        order: 1;
        width: 100%;
        padding: 0;
    }

    .regular-p {
        font-size: 18px;
    }

    .new-series-section {
        padding-bottom: 32px;
        padding-top: 0;
    }

    .update-content {
        width: 100%;
        flex-wrap: wrap;
        height: unset;
        overflow: visible;
        margin-bottom: 0;
    }

    .left-upd-part {
        width: 100%;
        height: unset;
    }

    .upd-phone {
        position: static;
        width: 100%;
        height: 240px;
        border-radius: 10px 10px 0 0;
        object-position: top;
    }

    .upd-pers {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0px);
        top: -46px;
        height: 54%;
    }

    .right-upd-part {
        width: 100%;
    }

    .right-upd-part h3 {
        padding: 0;
        margin: 25px auto 25px auto;
        font-size: 21px;
    }

    #countdown {
        padding: 0 8px;
    }

    .count-bg {
        width: 52px;
        height: 52px;
    }

    .numbers {
        font-size: 23px;
        font-weight: 400;
    }

    #countdown div span {
        margin-top: 12px;
        font-size: 15px;
    }

    .right-upd-part > p {
        padding: 0 23px;
        font-size: 16px;
        line-height: 1;
        margin-bottom: 32px;
    }

    .update-section {
        padding-bottom: 48px;
        padding-top: 49px !important;
    }

    .list-ul-abt * {
        font-size: 18px !important;
    }

    .abt-service-p {
        font-size: 18px !important;
        margin-bottom: 9px !important;
    }

    .first-section-home {
        margin-top: -70px;
        padding-top: 32px;
        padding-bottom: 23px;
    }

    .main-slider-slid::before {
        background: #853ce3;
        width: 203px;
        height: 38px;
        display: flex;
        align-items: center;
        line-height: 1;
        background-repeat: no-repeat;
        border-radius: 6px;
    }

    .navigation-block {
        height: unset;
        margin-bottom: 25px;
    }

    .jopas::before {
        display: none;
    }

    .active-menu {
        max-height: 250px !important;
        transition: 0.3s;
    }

    .scrollup.active-menu {
        bottom: 125px;
        transition: 0.3s;
    }

    .floating-menu {
        display: flex;
        position: fixed;
        bottom: 0;
        align-items: center;
        background: #833ce0;
        z-index: 999;
        width: 100%;
        padding: 0;
        box-shadow: 0 -2px 8px rgb(0 0 0 / 13%);
        border-radius: 9px 9px 0 0;
        max-height: 52px;
        flex-wrap: wrap;
        transition: 0.3s;
        justify-content: space-between;
        overflow: hidden;
    }

    .floating-menu > li > a:hover, .floating-menu > li > a:focus {
        background-color: #8c5bcd;
    }

    .floating-menu > li > a {
        font-size: 12px;
        padding: 13px 0;
        color: #ff9800;
        font-weight: 400;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        line-height: 1;
    }

    .floating-menu > li > a img {
        height: 18px;
        width: auto;
        margin: 0 auto 2px auto;
        filter: invert(1);
    }

    .floating-menu > li {
        padding-top: 0;
        height: 100%;
        width: max-content;
        min-width: 18%;
        max-width: 66px;
    }

    .item-593 img {
        position: relative;
        top: 1px;
    }

    .image-title {
        width: 100%;
        text-align: center;
        color: white;
    }

    .item-596 a {
    }

    .add-to {
        display: block !important;
    }

    #sp-bottom1 .custom > .menu a {
        font-size: 14px;
    }

    .sb-ttl {
        text-align: center;
        font-size: 16px;
    }

    .subfooter .col-md-4 {
        padding: 21px 30px 0 30px;
        FONT-WEIGHT: 100;
    }

    .soc-links {
        width: 62%;
        margin: 0 auto !important;
    }

    .subfooter .menu {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    .download-lnk img {
        width: 180px;
        margin: 0 auto 11px auto;
    }

    .download-lnk a {
        width: 100%;
    }

    .download-lnk {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 70%;
        margin: 0 auto;
    }

    .subfooter .copyright-mini {
        margin-top: 23px;
        font-size: 15px;
        margin-bottom: 0;
        text-align: center;
        line-height: 1.2;
    }

    div.ccomment-user-info.offset1.span11 {
        width: 100% !important;
        margin: 0;
        padding-left: 0;
    }

    .ccomment-name.span12.no-margin.required.nonEmpty {
        width: 100% !important;
    }

    div.ccomment-user-info.offset1.span11 > div.span6 {
        width: 100%;
    }

    div.ccomment-user-info.offset1.span11 > div.span6 .help-block.pull-right.small.muted {
        float: none !important;
        text-align: center;
    }

    .jp-01.pull-left.muted.small.ccomment-undergo-moderation.offset1 {
        font-size: 17px;
        margin-bottom: 18px !important;
        text-align: left;
    }

    .form-psr.span11 {
        width: 100% !important;
    }

    .subfooter .nav.menu a {
        font-size: 16px;
    }

    .sceditor-container iframe {
        padding-right: 15px !important;
        box-sizing: border-box;
    }

    .ccomment-add-new.btn.btn-mini {
        display: flex;
        align-items: center;
        line-height: 1 !important;
        justify-content: center;
    }

    .ccomment-avatar img {
        height: 30px;
    }

    .box-banner {
        padding: 15px 17px;
        line-height: 1;
    }
    .box-banner-icon {
        width: 40px;
        height: 39px;
    }

    .box-banner__text {
        font-size: 16px;
    }

    .box-banner__row {
        gap: 0 15px;
    }

}

@media (min-width: 320px) and (max-width: 360px) {
    .slider-layout {
        left: 47px;
        font-size: 16px;
    }

    .media-link-newsl::before {
        background-position: 6% 50%;
    }

    .new-a-h3 {
        font-size: 18px;
    }

    .upd-pers {
        height: 69px;
        width: 192px;
        transform: translate(-50%, 0px);
        left: 72%;
        top: 28px;
    }

    .right-upd-part > p, .right-upd-part span {
        font-size: 16px;
        line-height: 1.4;
        display: inline-block;
    }

    .youtube {
        height: 194px !important;
        margin-top: 22px;
    }

    .play-png {
        height: 52px;
    }

    .soc-links {
        width: 74%;
    }

    .offcanvas iframe {
        display: none !important;
    }

    .third-row {
        flex-wrap: wrap;
    }
}

@media (min-width: 921px) {
    .green-title {
        opacity: 0;
    }

    .home #sp-main-body::before {
        background: #f0f0f0;
    }

    .first-desc-sect {
        background: #f2f4f7;
    }

    .only-mobile {
        display: none !important;
    }
}