@media only screen and (min-width: 360px) {
    .model-description {
        -webkit-line-clamp: 3;
    }

    .profile-gallery .model-pic {
        width: 100px;
        height: 100px;
    }

    .blur-text {
        padding: 44px 0;
        width: 100px;
        height: 100px;
    }

    .main-menu-item.upgrade {
        display: inline-block !important;
    }
}

@media only screen and (min-width: 375px) {
    .page-profile.container {
        padding: var(--ms) var(--ms) var(--ls);
    }

    .page-profile .section {
        margin-bottom: var(--ms);
    }

    .page-profile .model-pic {
        width: 140px;
        height: 140px;
    }

    .model-description {
        -webkit-line-clamp: 9;
    }

    .profile-gallery .model-pic {
        width: 110px;
        height: 110px;
    }

    .blur-text {
        padding: 50px 0;
        width: 110px;
        height: 110px;
    }

    .page-profile .profile-btn {
        width: 49%;
    }
}

@media only screen and (min-width: 414px) {
    .logo {
        max-width: 140px;
    }

    .page-profile.container {
        padding: var(--ls) var(--ms);
    }

    .page-profile .section {
        margin-bottom: var(--ls);
    }

    .close-stories {
        width: 35px !important;
        height: 35px !important;
        font-size: 29px;
        padding: 3px;
    }

    .stories-info-wrap-img {
        width: 56px;
        height: 56px;
        margin: 0 var(--ms) 0 0;
    }

    .stories-info-wrap .model-name {
        padding: 7px 0 4px;
    }

    .stories-btn.btn {
        padding: 14px 21px;
        font-size: var(--sf);
        top: 20px;
    }

    .profile-gallery .model-pic {
        width: 120px;
        height: 120px;
    }

    .blur-text {
        padding: 50px 0;
        width: 120px;
        height: 120px;
    }

    .chat-img {
        width: 300px;
        min-height: 300px;
    }

    .msg-txt-wrap .blur-text {
        padding: 105px var(--ls) 0;
        line-height: 1.2;
    }

    .blur-text a {
        margin-top: 7px;
    }
}

@media only screen and (min-width: 600px) {

    *,
    .stories-btn.btn,
    .btn {
        font-size: var(--mf);
    }

    .logo {
        max-width: 250px;
        margin-top: unset;
    }

    .main-meun-icon-wrap .main-menu-item {
        display: inline-block !important;
    }

    .profiles .city,
    .model-location {
        font-size: var(--sf);
    }

    .model-description,
    .profile-info-wrap div,
    .msg-txt,
    .chat-res-field input {
        font-weight: lighter;
    }

    nav {
        height: 105px;
        padding: var(--ls);
    }

    .stories {
        padding: var(--ls) 14px;
    }

    .close-stories {
        right: var(--ms);
        top: var(--ms) !important;
    }

    .stories-slider {
        height: 123px;
    }

    .stories-info-wrap .model-name {
        padding: 14px 0 4px;
    }

    .stories-item {
        width: 67px;
        height: 67px;
    }

    .stories-item .stories-img,
    .notification-img,
    .offline-msg-floating-img,
    .push-request .push-request-img,
    .chat .nav-right.model-pic,
    .chat .nav-left.material-icons {
        width: 63px;
        height: 63px;
    }

    .stories-btn.btn {
        top: 17px;
        width: 300px;
    }

    .offline-msg-floating:before {
        top: 73px;
        left: 54px;
    }

    .nav-right.model-pic {
        margin-top: -7px !important;
    }

    h1.gap {
        margin-top: 0;
    }

    .model-pic {
        height: 300px;
    }

    .user-profile-btn {
        font-size: var(--lf);
    }

    .user-profile .model-name {
        padding: var(--ms);
    }

    .user-profile .model-pic:after {
        right: var(--ms);
        bottom: var(--ms);
    }

    .page-profile h1 {
        margin-bottom: var(--ms);
    }

    .page-profile .model-name {
        font-weight: bold !important;
        font-size: var(--lf) !important;
    }

    .page-profile .model-pic {
        width: 210px;
        height: 210px;
    }

    .profile-gallery .model-pic {
        width: 175px;
        height: 175px;
    }

    .profile-gallery-show .model-pic-big {
        width: 400px;
        height: 400px;
        margin: 105px auto 45px;
    }

    .profile-gallery-banner.banner {
        width: 500px;
        height: 90px;
        overflow: hidden;
    }

    .blur-text {
        padding: 78px 0;
        width: 175px;
        height: 175px;
    }

    .btn,
    a.offline-btn {
        padding: 19px 21px 0 !important;
        height: 56px;
        font-weight: bold;
    }

    .offline-profile-wrap {
        padding-top: var(--ss);
    }

    .chat-block {
        padding: 125px 14px 0;
    }

    .chat .model-status {
        font-size: var(--sf);
        margin-top: var(--ss);
    }

    .msg-zero {
        margin-bottom: var(--ls);
    }

    .msg-txt-wrap {
        padding: var(--ms) var(--ls);
    }

    .chat-res-field {
        height: 70px;
    }

    .chat-res-field .material-icons {
        padding: 21px 14px 0 0;
    }

    .chat-res-field .material-icons.attach-file {
        padding: 21px 14px 0 14px !important;
    }

    .push-request.pre-push {
        width: 450px;
    }

    .push-request {
        padding: var(--ls) var(--xls) var(--ss);
    }

    .push-request-msg {
        width: calc(100% - 100px);
        padding-top: var(--ss);
    }

    .push-request-img-wrap:after {
        bottom: -21px;
        right: 12px;
    }

    .show-int .int-ad-wrap {
        width: auto;
        padding: 0 14px 14px;
    }

    .notification-btn.btn {
        position: absolute;
        right: var(--ls);
        top: 7px;
        width: 210px;
    }

    @keyframes showStory {
        89% {
            width: 0;
            margin-right: 0;
        }

        90% {
            width: 67px;
            margin-right: var(--ss);
            transform: scale(0.5);
            opacity: 0.0;
        }

        95% {
            width: 67px;
            margin-right: var(--ss);
            transform: scale(1.2);
            opacity: 0.5;
        }

        100% {
            width: 67px;
            margin-right: var(--ss);
            transform: scale(1.0);
            opacity: 1.0;
        }
    }
}

@media only screen and (min-width: 768px) {

    .model-description,
    .profile-info-wrap div,
    .msg-txt,
    .chat-res-field input {
        font-weight: initial;
    }

    .stories-item {
        width: 74px;
        height: 74px;
    }

    .stories-item .stories-img,
    .notification-img,
    .offline-msg-floating-img,
    .push-request .push-request-img,
    .chat .nav-right.model-pic,
    .chat .nav-left.material-icons {
        width: 70px;
        height: 70px;
    }

    .page-profile .model-name {
        font-size: var(--xlf) !important;
    }

    .profile-info-wrap div {
        margin-bottom: var(--ms);
    }

    .model-description {
        line-height: 1.5;
    }

    h1,
    h1 span {
        font-size: var(--lf);
        font-weight: bold;
    }

    .container {
        max-width: 768px;
        margin: 0 auto;
    }

    .page-profile .model-pic {
        width: 240px;
        height: 240px;
    }

    .profile-header .model-pic {
        margin-right: var(--lf);
    }

    .blur-text {
        padding: 105px 0;
        width: 240px;
        height: 240px;
        font-size: var(--xlf);
    }

    .profile-gallery-show .model-pic-big {
        width: 600px;
        height: 600px;
    }

    .profile-gallery-banner.banner {
        width: 728px;
        height: 90px;
        overflow: hidden;
    }

    .profile-btn-wrap.flex {
        justify-content: space-evenly;
    }

    .show-offline, .offline-msg-floating {
        width: 400px;
    }

    .offline-profile-txt {
        font-size: var(--lf);
    }

    footer,
    .ad-wrap {
        width: 736px;
        height: 98px;
    }

    footer.story-banner {
        bottom: 80px;
    }

    .overlay.show-int-cap {
        padding-top: 105px;
    }

    .show-int-cap .int-cap-wrap {
        width: 410px;
    }

    @keyframes showStory {
        0% {
            width: 0;
            opacity: 0;
            margin-right: 0;
        }

        89% {
            width: 0;
            margin-right: 0;
        }

        90% {
            width: 74px;
            margin-right: var(--ss);
            transform: scale(0.5);
            opacity: 0.0;
        }

        95% {
            width: 74px;
            margin-right: var(--ss);
            transform: scale(1.2);
            opacity: 0.5;
        }

        100% {
            width: 74px;
            margin-right: var(--ss);
            transform: scale(1.0);
            opacity: 1.0;
        }
    }

}

@media only screen and (min-width: 1024px) {
    .ft-cont:after {
        content: '>';
        cursor: pointer;
        font-size: 70px;
        color: #f2eceb;
        top: calc(50% - 35px);
        position: absolute;
        left: 0;
    }

    .prev-tale.ft-cont:after {
        content: '<';
        left: unset;
        right: 0;
    }

    .ad-wrap.side-banner {
        display: block;

    }
}

@media only screen and (min-width: 1280px) {
    .ad-wrap.side-banner {
        transform: scale(1);
        left: 56px;
        top: 140px;

    }

    .ad-wrap.side-banner.right {
        right: 56px;
    }
}

@media only screen and (min-width: 1440px) {}