@media (max-width: 1399px) {

    /* Home - How it works */
    .step-content.step-1 img.step-arrow {
        width: 132px;
    }

    .step-content.step-2 img.step-arrow {
        width: 176px;
    }

    /* Home - Blogs */
    .blogs .container.swiper-container {
        max-width: 1200px;
    }

    /* Pricing */
    .free-plan-link {
        margin-top: 24px;
    }

    .pricing-content-top .container {
        gap: 20px;
    }

    .pricing-content-top .section-head {
        max-width: 273px;
    }

    .pricing-content-top .social-icons span {
        padding: 4px;
    }

    .pricing-card .card-header {
        padding: 20px 24px;
    }

    .pricing-content-top .section-body {
        width: calc(100% - 293px);
    }

    .pricingCardsSwiper .swiper-slide {
        max-width: 262px;
    }

}

@media (max-width: 1199px) {

    /* Basic */
    section {
        padding: 72px 0;
    }

    body.on-login .header-right .btn-user-info {
        display: none;
    }

    body.on-login .mobile-header-right-btns .user.on-login-hide {
        display: none;
    }

    body.on-login .mobile-header-right-btns .user.on-login-show {
        display: flex;
    }

    /* Discount */
    .discount-banner .discount-content {
        flex-direction: column;
    }

    .discount-banner .discount-content .divider {
        display: none;
    }

    .discount-banner > div {
        background-size: 1900px auto;
    }

    .discount-left .section-header h4 {
        font-size: var(--fs-b5);
        line-height: var(--lh-b5);
    }

    .countdown .countdown-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 72px;
        height: 72px;
        padding: 10px;
    }

    .countdown .countdown-item .count {
        font-size: var(--fs-b3);
        line-height: var(--lh-b3);
    }

    .countdown .countdown-item .label {
        margin-top: 2px;
        font-size: 12px;
    }

    /* Header */
    .header-menu {
        position: absolute;
        top: calc(100% + 36px);
        left: 0;
        background-color: white;
        width: 100%;
        box-shadow: var(--box-shadow-lg);
        border-bottom: 1px solid var(--gray-200);
        z-index: 9;
        transition: all 400ms ease-in-out;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        opacity: 0;
        visibility: hidden;
    }

    .header-menu.active {
        visibility: visible;
        opacity: 1;
        top: 100%;
    }

    .dropdown {
        padding-top: 1px;
        width: 100%;
    }

    .dropdown .dropdown-content, .dropdown.single .dropdown-content {
        width: 100%;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border: none;
    }

    .dropdown .dropdown-content .dropdown-column:not(:last-child) {
        margin-right: 0;
        margin-bottom: 8px;
    }

    .header-menu > ul > li {
        position: static;
    }

    .header-menu > ul > li > span {
        padding: 24px 16px;
    }

    .header-menu > ul > li:not(:last-child) {
        margin-right: 0;
    }

    .header-right > *:not(:first-child) {
        margin-left: 0;
    }

    .header-search button.header-search-toggle svg path {
        stroke: var(--gray-700);
    }

    .gh-search-icon svg path {
        fill: var(--gray-700);
    }

    /* Home - Welcome */
    .welcome-text {
        padding-right: 0;
        text-align: center;
        margin-top: 0;
    }

    .welcome-text p {
        padding-right: 0;
    }

    .welcome-text .welcome-btns {
        justify-content: center;
    }

    .welcome-image {
        padding: 0;
        align-items: center;
    }

    .welcome-image .image-holder {
        margin: 48px 0 72px;
    }

    .welcome-footer {
        justify-content: center;
    }

    /* Home -Testimonials */
    .testimonial-item-text {
        padding-left: 0;
    }

    /* Home - How it works */
    .how-it-works .section-header {
        align-items: center;
        text-align: center;
    }

    .how-it-works-content {
        flex-direction: column;
        align-items: center;
    }

    .step:not(:last-child) {
        margin-bottom: 100px;
    }

    .step .step-number {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .step .step-number div {
        margin-right: 0;
        margin-bottom: 24px;
    }

    .step-content.step-1 img.step-arrow {
        width: 110px;
        left: 50%;
        top: calc(100% - 10px);
        transform-origin: top left;
        transform: rotate(105deg);
        -webkit-transform: rotate(105deg);
        -moz-transform: rotate(105deg);
        -ms-transform: rotate(105deg);
        -o-transform: rotate(105deg);
    }

    .step-content.step-2 img.step-arrow {
        width: 150px;
        left: 56%;
        top: calc(100% - 66px);
        transform-origin: top left;
        transform: rotate(70deg);
        -webkit-transform: rotate(70deg);
        -moz-transform: rotate(70deg);
        -ms-transform: rotate(70deg);
        -o-transform: rotate(70deg);
    }

    /* Footer */
    .footer-item.list {
        padding-left: 0;
    }

    .footer-item.logo {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-right: 0;
        text-align: center;
    }

    .footer-item.logo > a {
        margin-bottom: 24px;
    }

    .footer-item.logo > ul {
        max-width: none;
        flex-wrap: nowrap;
    }

    .trustpilot-footer {
        justify-content: center;
    }

    .mobile-apps {
        align-items: center;
    }

    /* Help center */
    .help-center-header .section-header .container {
        background-size: contain;
    }

    /* Author profile */
    .profile-content {
        padding: 48px;
    }

    .profile-content .author-image {
        width: 200px;
        height: 200px;
    }

    .profile-content .author-blogs-count {
        width: 160px;
        height: 160px;
    }

    /* Instagram */
    .social-media-header {
        background-image: none;
    }

    .social-media-banner img {
        max-width: 768px;
    }

    /*  Scheduler  */
    #engagement .welcome-image .image-holder {
        margin: 0;
    }

    /*  Pricing  */
    .pricing-content-top .container {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }

    .pricing-content-top .head-pricing {
        align-items: center;
    }

    .pricing-content-top .custom-pricing {
        display: none;
    }

    .pricing-content-top .custom-pricing.mobile {
        display: flex;
    }

    .pricing-content-top .section-head {
        width: 100%;
        max-width: none;
        align-items: center;
        text-align: center;
    }

    .pricing-content-top .section-head p {
        max-width: 500px;
    }

    .pricing-content-top .section-head > div.social-icons {
        width: auto;
    }

    .pricing-deals {
        padding: 10px 18px 10px 22px;
        flex-direction: row;
    }

    .pricing-content-top .section-body {
        width: 100%;
    }

    .pricingCardsSwiper .swiper-slide {
        max-width: 300px;
    }

    .trustpilot-reviews .review-item p {
        font-size: var(--fs-b3);
        line-height: var(--lh-b3);
    }

    .as-featured-on .platforms {
        justify-content: center;
        flex-wrap: wrap;
    }

    .as-featured-on .platforms > a {
        width: fit-content;
        height: fit-content;
    }

    .as-featured-on img {
        height: 54px;
    }
}

@media (max-width: 991px) {

    .content {
        padding: 0;
    }

    .sidebar {
        padding-right: 0;
        border-right: none;
    }

    .sidebar .sidebar-item:not(:last-child) {
        padding-bottom: 24px;
        margin-bottom: 24px;
    }

    .sidebar .sidebar-item .sidebar-item-list {
        padding-top: 12px;
    }

    /* Home - Partners */
    .partners-content .partners-wrapper > div img {
        max-width: 140px;
    }

    /* Home - Testimonials */
    .testimonial-item-img {
        justify-content: flex-start;
    }

    .testimonialsSwiper .swiper-pagination {
        /* bottom: 386px; */
        padding: 0;
    }

    /* Home - Features */
    .feature-text {
        text-align: center;
    }

    .feature-text-body a {
        margin: auto;
    }

    .feature-text, .feature-image {
        padding: 0 !important;
    }

    /* Home - Developers */
    .developers-image {
        padding-left: 0;
    }

    .developers-text {
        padding-right: 0;
        text-align: center;
    }

    .developers-text .section-header {
        align-items: center;
    }

    .developers-text .btn-general {
        margin: 48px auto 0;
    }

    .developers-image {
        align-items: center;
    }

    /* Home - What is new */
    .whats-new .section-header > div {
        padding-right: 0;
    }

    .whats-new .section-header img {
        position: static;
        align-self: center;
        top: auto;
        right: auto;
        margin-top: 12px;
    }

    /* Home - For who */
    .for-who-left {
        margin: 60px 0;
        padding-right: 0;
    }

    .for-who-right {
        padding-left: 0;
    }

    .for-who-tabs.tabs {
        width: 100%;
    }

    .for-who-tabs.tabs button {
        width: 50%;
        padding: 20px 12px 0;
    }

    .for-who-tabs.tabs button:not(:last-child) {
        margin-right: 0;
    }

    /* Home - Support */
    .support-image {
        align-items: center;
    }

    .support-text, .support-image {
        padding: 0;
    }

    /* Help center */
    .help-center-header .section-header {
        background-image: url('../patterns/help-center/sollama-1.svg'), url('../patterns/help-center/saglama-1.svg');
        background-position: left center, right center;
        background-repeat: no-repeat;
    }

    .help-center-header .section-header .container {
        background: none;
    }

    .help-center-content .row .col-lg-6:nth-child(2n) .help-item {
        padding-left: 0;
    }

    .help-center-content .row .col-lg-6:nth-child(2n+1) .help-item {
        padding-right: 0;
    }

    /* Help center single */
    .sidebar-wrapper {
        position: fixed;
        padding-right: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.7);
        z-index: 999;
        visibility: hidden;
        opacity: 0;
        transition: all 250ms ease-in-out;
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
    }

    .sidebar-wrapper.show {
        opacity: 1;
        visibility: visible;
    }

    .sidebar {
        position: fixed;
        top: 0 !important;
        right: -100%;
        width: 80%;
        min-width: 274px;
        height: 100vh;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: var(--white);
        padding: 24px;
        transition: all 250ms ease-in-out;
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
    }

    .sidebar-wrapper.show .sidebar {
        right: 0;
    }

    .btn-sidebar-open, .btn-sidebar-close {
        background: none;
        border: none;
        width: 24px;
        height: 24px;
        cursor: pointer;
    }

    .btn-sidebar-close {
        margin-bottom: 24px;
    }

    .btn-sidebar-open svg, .btn-sidebar-close svg {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .btn-sidebar-open svg path, .btn-sidebar-close svg path {
        stroke: var(--gray-700);
    }

    /* Blog single */
    .blog-single-sidebar > div:not(:last-child) {
        padding-bottom: 0;
        border-bottom: none;
    }

    .content-banner {
        align-items: center;
        text-align: center;
        background-position: top 12px left 18px, top 0 right 0, bottom 6px right 8px;
    }

    .subscribe-content {
        padding: 40px 24px;
        background-position: top 0 left 20px, top 154px right -26px;
    }

    .subscribe-text {
        text-align: center;
        margin-bottom: 32px;
    }

    .subscribe-form {
        max-width: 350px;
        margin: 0 auto;
    }

    .subscribe-form .input-group {
        flex-direction: column;
        align-items: flex-start;
    }

    .subscribe-form .input-group input {
        margin-right: 0;
        width: 100%;
    }

    .subscribe-form .input-group .btn-general {
        width: 100%;
        margin-top: 16px;
    }

    .blog-single .row {
        flex-direction: column-reverse;
    }

    .table-of-contents {
        display: none;
    }

    /* Author Profile */
    .profile-content {
        padding: 48px 32px;
        align-items: flex-start;
    }

    .profile-content > div:last-child {
        flex-direction: column;
        align-items: flex-start;
        padding: 0;
        margin-left: 24px;
    }

    .profile-content .author-image {
        width: 220px;
        height: 220px;
    }

    .profile-content .author-info {
        padding: 0;
    }

    .profile-content .author-info > p {
        margin-top: 12px;
    }

    .profile-content .author-blogs-count {
        display: block;
        width: auto;
        height: auto;
        padding: 2px 12px;
        margin-top: 16px;
        font-size: var(--fs-b2);
        line-height: var(--lh-b2);
        font-weight: var(--fw-medium);
    }

    /* Instagram */
    .social-media-banner {
        padding: 0;
    }

    .for-who.instagram .for-who-left .for-who-tabs > div:not(:last-child) {
        padding-bottom: 48px;
    }

    .schedule-free {
        padding: 112px 0;
        /*background-image: url('../patterns/instagram/hand-drawn-accents-5.svg'), url('../patterns/instagram/hand-drawn-pen-scribble.svg');*/
        background-position: bottom 22px left 54px, top 0 right 0;
    }

    /* Contact */
    .contact-details-item {
        padding: 20px;
        flex: 1;
    }

    .contact-details-item .icon svg {
        width: 40px;
        height: 40px;
    }

    .contact-details-item p {
        font-size: var(--fs-b2);
        line-height: var(--lh-b2);
    }

    /* Technical partners */
    .tech-partners-content .tech-partners-wrapper {
        flex-wrap: wrap;
    }

    .tech-partners-content .tech-partners-wrapper > div {
        margin-bottom: 24px;
    }

    .tech-partners-content .tech-partners-wrapper > div img {
        max-width: 120px;
    }

    /* Addtobio */
    .features.range .features-content:before,
    .features.range .features-content:after,
    .features.range .range-line,
    .features.range .feature-text:after {
        display: none;
    }

    .features.colorful .features-content-row {
        padding: 64px 0;
    }

    .free-start.secondary .free-start-content {
        align-items: center;
        text-align: center;
        margin-top: 16px;
        font-size: var(--fs-b3);
        line-height: var(--lh-b3);
    }

    .free-start.secondary .section-header {
        flex-direction: row;
        justify-content: center;
        gap: 12px;
        font-size: var(--fs-h2);
        flex-wrap: wrap;
    }

    /* Pricing */
    .pricingCardsSwiper .swiper-slide:nth-child(2) .pricing-card {
        /*transform: scale(1);*/
    }

    .trustpilot-reviews .reviewsSwiper {
        width: 100%;
    }

    .trustpilot-reviews .reviewsSwiper .swiper-slide:nth-child(4) {
        display: flex;
    }

    .trustpilot-reviews .reviewsSwiper .trustpilot-logo {
        display: flex;
        align-items: center;
    }

    .trustpilot-reviews .trustpilot-logo {
        display: none;
    }

    .as-featured-on .platforms > a {
        width: auto;
    }

    .as-featured-on img {
        height: 48px;
    }

    /*Affiliate*/

    .steps .line {
        padding: 0;
    }

    .benefits .module {
        max-width: 400px;
    }

    .benefits .module .text {
        font-size: var(--fs-b3);
        line-height: var(--lh-b3);
    }

    .benefits .module .description {
        font-size: 12px;
        line-height: 18px;
    }
}

@media (max-width: 768px) {

    /* Root */
    :root {
        /* Design colors */
        --fuchsia-900: #6F1877;
        --fuchsia-800: #821890;
        --fuchsia-700: #9F1AB1;
        --fuchsia-600: #BA24D5;
        --fuchsia-500: #D444F1;
        --fuchsia-400: #E478FA;
        --fuchsia-300: #EEAAFD;
        --fuchsia-200: #F6D0FE;
        --fuchsia-100: #FBE8FF;
        --fuchsia-50: #FDF4FF;
        --fuchsia-25: #FEFAFF;

        /* Secondary colors */
        --yellow-400: #FAC515;
        --yellow-700: #A15C07;
        --orange: #F38744;
        --moss: #86CB3C;
        --blue: #53B1FD;
        --violet: #9B8AFB;
        --white: #FFFFFF;
        --neutral-800: #193765;
        --neutral-600: #6F7F96;

        /* Basic colors */
        --gray-900: #101828;
        --gray-800: #1D2939;
        --gray-700: #344054;
        --gray-600: #475467;
        --gray-500: #667085;
        --gray-400: #98A2B3;
        --gray-300: #D0D5DD;
        --gray-200: #EAECF0;
        --gray-100: #F2F4F7;
        --gray-50: #F9FAFB;
        --gray-25: #FCFCFD;

        /* Font size - Heading */
        --fs-h1: 36px;
        --fs-h2: 30px;
        --fs-h3: 24px;
        --fs-h4: 24px;
        --fs-h5: 20px;
        --fs-h6: 18px;

        /* Font size - Basic */
        --fs-b1: 14px;
        --fs-b2: 14px;
        --fs-b3: 16px;
        --fs-b4: 18px;
        --fs-b5: 22px;

        /* Line height - Heading */
        --lh-h1: 44px;
        --lh-h2: 38px;
        --lh-h3: 32px;
        --lh-h4: 32px;
        --lh-h5: 26px;
        --lh-h6: 28px;

        /* Line height - Basic */
        --lh-b1: 20px;
        --lh-b2: 20px;
        --lh-b3: 24px;
        --lh-b4: 28px;
        --lh-b5: 30px;
    }

    /* Basic */
    .btn-general {
        font-size: var(--fs-b2);
        line-height: var(--lh-b2);
    }

    .btn-general.large {
        padding: 12px 20px;
        height: 48px;
    }

    section {
        padding: 64px 0;
    }

    .section-header p {
        margin-top: 16px;
    }

    .cookie-bar .container {
        flex-wrap: wrap;
        align-items: center;
    }

    .cookie-bar-text {
        margin-right: 0;
        margin-bottom: 12px;
    }

    .cookie-bar-buttons {
        width: 100%;
    }

    .cookie-bar-buttons .btn-close {
        margin-left: auto;
    }

    /* New features */
    .new-feature-content {
        position: relative;
        flex-direction: column;
    }

    .btn-close-new-feature-banner {
        position: absolute;
        right: 0;
        top: 0;
    }

    .new-feature-content .new-feature-content {
        margin: 6px 0 18px;
    }

    /* Discount modal */
    #discount-modal .modal-dialog {
        max-width: 580px;
    }

    #discount-modal .snow {
        bottom: -22px;
    }

    #discount-modal .modal-content {
        gap: 10px;
    }

    #discount-modal .modal-header p {
        font-size: 16px;
    }

    #discount-modal .modal-header .discount-percent {
        width: 140px;
        height: auto;
    }

    #discount-modal .countdown {
        gap: 10px;
    }

    #discount-modal .countdown .countdown-item {
        width: 60px;
        height: 60px;
        padding: 6px;
    }

    #discount-modal .countdown .countdown-item .count {
        font-size: var(--fs-b3);
        line-height: var(--lh-b3);
    }

    #discount-modal .countdown .countdown-item .label {
        margin-top: 2px;
        font-size: 12px;
    }

    #discount-modal .modal-body {
        padding: 12px;
    }

    #discount-modal .modal-footer .btn-general {
        margin-bottom: 30px;
        width: 140px;
    }

    /* Countdown */
    .countdown {
        flex-wrap: wrap;
        width: 100%;
    }

    .countdown .countdown-item {
        width: 46%;
        height: 56px;
        padding: 6px;
    }

    .discount-banner .discount-content p {
        font-size: 20px;
    }

    .discount-banner .discount-content p span {
        font-size: 18px;
        padding: 4px 8px;
    }

    .discount-banner .countdown {
        width: auto;
        margin-top: 0;
    }

    .discount-banner .countdown span {
        font-size: 16px;
    }

    /* Header */
    .header-search {
        position: static;
    }

    .header-search .header-search-bg {
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 80px;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 1;
        opacity: 0;
        visibility: hidden;
    }

    .header-search .header-search-bg.show {
        opacity: 1;
        visibility: visible;
    }

    .header-search .header-search-box {
        width: calc(100% - 24px);
        top: 100%;
        right: 12px;
        margin-top: 32px;
        padding: 10px 16px;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    .header-search .header-search-box.show {
        width: calc(100% - 24px);
        margin-top: 12px;
    }

    .header-search .header-search-result {
        width: calc(100% - 24px);
        top: 150px;
        left: 12px;
        margin-top: 24px;
    }

    .header-search .header-search-result.show {
        width: calc(100% - 24px);
        top: 140px;
        margin-top: 4px;
    }

    /* Welcome */
    .welcome-text h1 {
        font-size: var(--fs-h1);
        line-height: var(--lh-h1);
    }

    .welcome-text .welcome-btns {
        margin-top: 30px;
    }

    /* Home - Platforms */
    .platform-item {
        align-items: center;
        text-align: center;
        max-width: 400px;
        margin: 0 auto;
        padding: 32px 16px;
    }

    .platform-item-body span {
        justify-content: center;
    }

    /* Home - Partners */
    .partners .section-header {
        margin-bottom: 32px;
    }

    .partners-content .partners-wrapper > div {
        margin: 24px;
    }

    .above-scheduling-item {
        align-items: center;
        text-align: center;
    }

    .how-it-works .section-header img {
        display: none;
    }

    /* Home - developers */
    .developers-content {
        padding: 30px;
    }

    /*Home - Free start */
    .free-start {
        padding: 112px 0;
        background-image: url('../patterns/free-plan/hand-drawn-pen-scribble.svg'), url('../patterns/free-plan/hand-drawn-accents-2.svg');
        background-repeat: no-repeat;
        background-size: 200px, 64px;
        background-position: top 0px left -38px, bottom 24px right 96px;
    }

    .schedule-free .container > div {
        padding: 50px 30px;
    }

    /*Home - Features*/

    .features-content {
        margin-top: 30px;
    }

    .features-content .row {
        margin-top: 0;
    }

    .feature-text-body p {
        font-size: var(--fs-b1);
        line-height: var(--lh-b1);
    }

    /* Pricing */
    .details-list .details-list-item {
        justify-content: space-between;
    }

    .pricingDetailsSwiper {
        width: 100%;
    }

    .pricingDetailsSwiper .swiper-slide, .pricingCardsSwiper .swiper-slide {
        max-width: 289px;
    }

    .pricing-card .card-header {
        padding: 24px 24px 32px;
    }

    .pricing-card .card-body {
        padding: 0 24px 40px;
    }

    .pricing-details-card .card-header {
        padding: 30px 0 0;
        margin: 0 10px;
        position: relative;
        top: 0;
    }

    .pricing-details-card .card-header .card-name {
        padding: 0 16px 16px ;
    }

    .pricing-details-card .card-header > div:last-of-type {
        padding: 16px 16px 32px;
    }

    .pricing-details-card .card-body .details-list {
        margin: 0 5px;
        border-radius: 10px;
    }

    .details-list .details-list-item {
        padding: 16px 18px;
    }

    .pricing-details-card .card-footer {
        padding: 32px 16px 0;
    }

    /*  Testimonials  */
    .testimonialsSwiper .author .position {
        font-size: var(--fs-b1);
        line-height: var(--lh-b1);
    }

    /* Blogs */
    #blogs-page .blogs {
        padding-top: 64px;
    }

    .featured-blogs {
        padding-top: 64px;
    }

    .featured-blogs .blog-item .blog-item-header {
        height: 240px;
    }

    .featured-blogs .blog-item .blog-item-body {
        flex-direction: column;
        justify-content: flex-start;
    }

    .featured-blogs .blog-item .blog-item-body > div:first-child {
        margin-right: 0;
        max-width: none;
    }

    .featured-blogs .blog-item .blog-item-body > div:last-child {
        margin-top: 32px;
    }

    /* Author profile */
    .profile-content {
        flex-direction: column;
        align-items: center;
    }

    .profile-content .author-image {
        width: 180px;
        height: 180px;
        margin-bottom: 20px;
    }

    .profile-content > div:last-child {
        margin-left: 0;
        align-items: center;
        text-align: center;
    }

    /* Instagram */
    .social-media-header .section-header .social-media-banner {
        margin: 40px 0;
    }

    .social-media-header .section-header p {
        margin-top: 0;
    }

    .social-media-header .btn-general {
        margin-top: 32px;
    }

    /* Tiktok */
    #tiktok-page .testimonials {
        background-image: none;
    }

    .testimonialsSwiper.tiktok .swiper-slide {
        max-width: 280px;
    }

    /* For who cads */
    .for-who-cards .section-header > div img {
        width: 40px;
        top: auto;
        right: 0;
        bottom: -40px;
    }

    .for-who-card:hover {
        transform: none;
    }

    /* Addto.bio */
    .features-pills-wrapper {
        justify-content: flex-start;
        overflow: auto;
    }

    /*Affiliate*/

    .affiliate-hero .hero-text p {
        font-size: var(--fs-b3);
        line-height: var(--lh-b3);
    }

    .module .text {
        font-size: 16px;
        line-height: 24px;
    }

    .module .description {
        font-size: var(--fs-b3);
        line-height: var(--lh-b3);
    }

    .why-join .section-header p {
        font-size: var(--fs-b1);
        line-height: var(--lh-b1);
    }

    .steps {
        padding: 17px;
    }

    .steps .line {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: fit-content;
        height: 100%;
        z-index: 1;
    }

    .steps .line div {
        width: 1.6px;
        height: 100%;
    }

    .steps .text {
        font-size: var(--fs-b3);
        line-height: var(--lh-b3);
    }

    .steps .how-step {
        padding: 20px;
        z-index: 2;
        background-color: #fff;
    }

    .steps .icon:before {
        left: auto;
        top: -28px;
    }

    .benefits .modules {
        flex-direction: column;
        align-items: center;
    }

    /*  Contact  */
    .contact-details {
        flex-direction: column;
        align-items: center;
    }

    .contact-details-item {
        width: 317px;
    }
}

@media (max-width: 575px) {

    /* Root */
    :root {
        /* Font size - Heading */
        --fs-h1: 24px;
        --fs-h2: 26px;
        --fs-h3: 20px;
        --fs-h4: 16px;

        /* Line height - Heading */
        --lh-h1: 32px;
        --lh-h2: 32px;
        --lh-h3: 30px;
        --lh-h4: 24px;

    }

    /* Basic */
    section {
        padding: 30px 0;
    }

    .section-header span .header-pattern {
        max-width: 100%;
    }

    body.on-login .header-menu .header-menu-footer .on-login-hide {
        display: none;
    }

    body.on-login .header-menu .header-menu-footer .btn-user-info {
        display: flex;
    }

    /* Countdown */
    #discount-modal .modal-content .tree {
        width: 126px;
        left: -40px;
    }

    #discount-modal .modal-content .tree:last-of-type {
        width: 100px;
    }

    .countdown {
        justify-content: center;
        flex-wrap: nowrap;
        text-align: center;
        margin-top: 16px;
    }

    .countdown .countdown-item {
        width: 60px;
        height: 60px;
        padding: 6px;
    }

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

    .discount-banner .discount-content p span {
        font-size: 14px;
        padding: 4px 8px;
    }

    .discount-banner .countdown span {
        font-size: 14px;
        min-width: 86px;
    }

    .discount-banner .discount-content .btn {
        font-size: 12px;
    }

    /* Header */
    .header {
        border-color: var(--gray-100);
    }

    .header-content {
        position: static;
    }

    .header-menu {
        position: fixed;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        bottom: 0;
        top: 73px;
    }

    .header-menu.active {
        top: 73px;
    }

    .header-menu .header-menu-footer {
        display: flex;
        flex-direction: column;
        padding: 24px 16px;
    }

    .header-menu .header-menu-footer .btn-general {
        width: 100%;
    }

    .header-menu .header-menu-footer .btn-general:not(:last-child) {
        margin-bottom: 12px;
    }

    .header-menu > ul {
        flex-direction: column;
        align-items: flex-start;
        flex-grow: 1;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 24px 12px;
    }

    .header-menu > ul > li {
        flex-direction: column;
        align-items: flex-start;
        position: relative;
    }

    .header-menu > ul > li > span {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 0;
    }

    .header-menu > ul > li, .header-menu > ul > li a {
        color: var(--gray-900);
        width: 100%;
    }

    .header-menu > ul > li.active .dropdown {
        top: auto;
    }

    .dropdown {
        position: static;
        width: 100%;
        visibility: visible;
        opacity: 1;
        z-index: 9;
        top: auto;
        left: auto;
        padding-top: 8px;
        display: none;
    }

    .dropdown .dropdown-content, .dropdown.single .dropdown-content {
        flex-direction: column;
        border: 1px solid var(--gray-200);
        box-shadow: var(--box-shadow-lg);
        border-radius: var(--br-8);
        -webkit-border-radius: var(--br-8);
        -moz-border-radius: var(--br-8);
        -ms-border-radius: var(--br-8);
        -o-border-radius: var(--br-8);
    }

    .dropdown .dropdown-content .dropdown-column {
        width: 100%;
    }

    .header-menu > ul > li:not(:last-child) {
        margin-bottom: 8px;
        margin-right: 0;
    }

    .welcome {
        padding-bottom: 0;
    }

    .welcome-text h1 {
        letter-spacing: -0.48px;
    }

    .welcome-text p {
        font-size: 14px;
        line-height: 22px;
    }

    .welcome-text .welcome-btns {
        flex-direction: column;
        margin-top: 32px;
    }

    .welcome-text .welcome-btns .btn-general:not(:last-child) {
        margin-right: 0;
        margin-bottom: 12px;
    }

    .welcome-image .image-holder {
        margin: 0;
    }

    .welcome-image img.pattern.left-top {
        width: 82px;
        left: -16px;
        top: -45px;
        z-index: 2;
    }

    .welcome-image img.pattern.left-bottom {
        width: 120px;
        left: -38px;
        bottom: -35px;
    }

    .welcome-image img.pattern.right-top {
        width: 120px;
        top: -36px;
        right: 30px;
    }

    .welcome-image img.pattern.right-bottom {
        display: none;
    }

    /* Partners */
    .partners .container {
        padding: 0;
    }

    .partners-content {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    /* Metrics */
    .metrics {
        background-size: 46px auto, 24px auto;
        background-position: top 0px left 42px, bottom 0px right 48px;
    }

    /* Home - Testimonials */
    .testimonials-content {
        margin-top: 48px;
    }

    .testimonial-item {
        padding: 30px;
    }

    .testimonialsSwiper .author {
        margin-top: 32px;
    }

    .testimonialsSwiper .author .name {
        margin-bottom: 4px;
    }

    .testimonial-item-img {
        justify-content: center;
    }

    .testimonial-item-img img {
        max-width: 375px;
    }

    .how-it-works-content {
        margin: 32px 0 0;
    }

    /* Home - For who */
    .for-who-left {
        margin: 48px 0;
    }

    .for-who-right img {
        max-width: 375px
    }

    .for-who:not(.accordion) .for-who-tabs.tabs button {
        flex-direction: column;
        padding: 20px 4px 0;
    }

    .for-who:not(.accordion) .for-who-tabs.tabs button svg {
        margin-right: 0;
        margin-bottom: 4px;
    }

    /* Home - What is new */
    .whats-new .section-header img {
        width: 62px;
    }

    .whats-new-content {
        margin-top: 24px;
    }

    .whats-new-item {
        padding: 40px 16px;
        max-width: 375px;
        margin: 0 auto;
    }

    .whats-new-item img {
        padding: 0;
    }

    /* Home - Features */
    .features .section-header > div img {
        display: none;
    }

    .feature-text {
        max-width: 360px;
        margin: auto;
    }

    .feature-text-header span {
        margin-bottom: 8px;
    }

    .feature-text-header {
        margin-bottom: 8px;
    }

    .features-content .row:nth-child(4n-3) .feature-text-header img {
        bottom: auto;
        left: auto;
        top: -32px;
        right: 30px;
        width: 38px;
    }

    .features-content .row:nth-child(4n-2) .feature-text-header img {
        width: 62px;
        top: -24px;
        right: 56px;
    }

    .features-content .row:nth-child(4n-1) .feature-text-header img {
        width: 62px;
        top: -48px;
    }

    .features-content .row:nth-child(4n) .feature-text-header img {
        width: 82px;
        top: -52px;
        right: 42px;
    }

    /* Home - Developers */
    .developers {
        /*padding-bottom: 0;*/
    }

    .developers-image {
        padding: 24px 0;
    }

    /* Home - Above scheduling */
    .above-scheduling .section-header {
        text-align: center;
        align-items: center;
    }

    /* Home - Support */
    .support-text-body {
        margin-top: 32px;
        font-size: var(--fs-b3);
        line-height: var(--lh-b3);
    }

    .support-text-body .btn-general {
        margin-top: 32px;
        width: 100%;
    }

    .support-image img {
        max-width: 375px;
    }

    .sub-support-item {
        align-items: center;
        text-align: center;
        max-width: 350px;
        margin: 0 auto;
    }

    /*Home - Maximize potential*/
    .module {
        max-width: 300px;
    }

    .section-header p {
        font-size: 14px;
        line-height: 22px;
    }

    /* Home  - Blogs */
    .blogsSwiper {
        padding: 48px 0;
    }

    .blogsSwiper .swiper-slide {
        max-width: 280px;
    }

    .blogs-content .btn-general {
        width: 100%;
    }

    /* Home - Free start */
    .free-start-content {
        margin-top: 32px;
    }

    .free-start-content .btn-general {
        width: 100%;
    }

    /* Home - FAQ */
    .faq-content {
        margin-top: 48px;
    }

    .faq-item-body {
        font-size: var(--fs-b3);
        line-height: var(--lh-b3);
    }

    .footer-item.logo {
        align-items: flex-start;
    }

    .footer-content {
        padding: 48px 0;
    }

    .footer-item.logo > ul {
        max-width: 188px;
        flex-wrap: wrap-reverse;
    }

    .trustpilot-footer {
        justify-content: flex-start;
    }

    .mobile-apps {
        align-items: flex-start;
    }

    /* Help center */
    .help-center-header .section-header {
        background-image: url('../patterns/help-center/saglama-1.svg');
        background-position: center;
        /* background-size: cover; */
    }

    .help-item-body {
        display: none;
    }

    .help-item .help-item-header {
        cursor: pointer;
    }

    .help-item .help-item-header > h3 {
        display: block;
    }

    .help-center-content .row.gy-5 {
        --bs-gutter-y: 2rem;
    }

    /* Blog single */
    .blog-single-header .section-header {
        text-align: left;
        align-items: flex-start;
    }

    .blog-single-header {
        padding-bottom: 32px;
    }

    .blog-single-sidebar {
        position: static;
    }

    .schedule-free-content .btn-general {
        width: 100%;
    }

    /* For who cards */
    .for-who-cards .section-header.center, .for-who-cards .section-header.center > div {
        text-align: left;
        align-items: flex-start;
    }

    .for-who-card {
        max-width: 350px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    /* Addtobio */

    /* Glossary */
    .glossary-nav nav {
        gap: 0 4px;
    }

    .glossary-nav nav {
        padding: 8px 0;
    }

    .glossary-nav nav a {
        padding: 4px;
        line-height: normal;
    }

    /*Affiliate*/
    .why-join .module {
        max-width: 335px;
    }

    .benefits .module {
        max-width: 248px;
    }

    /*  Scheduler  */
    #engagement .features-content .col-lg-6,
    #scheduler .features-content .col-lg-6 {
        margin-top: 24px;
    }

    /*  Pricing  */
    #pricing-page .schedule-free .container {
        border-radius: 0;
    }

    .as-featured-on .platforms > a {
        width: 100%;
    }

    /*  Contact  */

    .contact-over-email .section-header .heading-3 {
        margin: auto;
    }

    .contact-over-email .section-header p {
        text-align: center;
    }

    .contact-over-email .btn-general {
        margin: auto;
    }
}

@media (max-width: 450px) {
    .feature-text {
        max-width: 300px;
    }

    /* home - testimonials */
    .testimonial-item-text {
        padding: 0;
    }

    .testimonial-item-img {
        display: none;
    }

    /* Countdown */
    #discount-modal .snow {
        bottom: -16px;
    }

    .discount-banner .discount-body div:first-of-type {
        max-width: 200px;
        text-align: center;
    }

    .discount-banner .discount-body div:first-of-type > span {
        display: none;
    }

    .discount-banner .discount-body div:first-of-type p::after {
        content: ' 🎁';
    }

    .discount-banner .countdown span {
        min-width: auto;
    }

    .tree {
        display: none;
    }
}