/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 599px) {
    .head-info {
        display: none;
    }

    .service-title .title,
    .other-services h2 {
        min-width: auto;
        font: normal normal 600 20px / 24px Poppins;
    }

    .mb-3{
        margin-bottom: .5rem !important;
    }
    .calculated{
        margin-bottom: 0px;
    }
    .orderArea{
        margin-top: 2rem;
    }

    .orderArea .reviewArea {
        flex-direction: column;
        gap: 13px;
    }

    .orderArea .reviewArea .vr {
        display: none;
    }

    .orderArea .reviewArea .mobile-bottom {
        border-bottom: 2px solid #3c3c3c;
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }


    /*.home .socialCard .collapse,*/
    #main-collapse {
        display: block;
    }

    .fixed-bottom-bar .menu-title {
        font-size: 16px;
    }

    .socialMediaServiceDetails .card .btn-green-basket {
        padding: 10px 14px;
    }

    #step-1 .order {
        overflow: hidden;
        text-overflow: ellipsis;
        /*white-space: nowrap;*/
        width: 170px;
        font-size: 13px;
    }

    #step-1 small {
        font-size: 0.9em;
    }

    .payment_methods .payment-item {
        width: 100%;
    }

    .payment-card .payment-input {
        width: 100%;
    }

    .payment-card-content {
        flex-wrap: wrap;
    }

    .pakettabs {
        margin-bottom: 30px;
    }

    .navbar {
        padding: 0;
    }

    .socialCard .title {
        font-size: 20px;
        font-weight: 600;
        text-align: start;
    }

    .head-info {
        height: 100%;
    }

    .pakettabs .nav-tabs .nav-item {
        width: 100%;
    }

    .service-content .col-2 {
        width: 16% !important;
    }


    .socialCard .logo {
        padding: 2px;
        text-align: center;
        border-radius: 6px;
        width: 100%;
    }

    .happy-customers .comment-area .new-comment .card {
        padding: 35px 20px;
    }

    .about-us {
        flex-wrap: wrap;
        padding: 25px 15px;
    }

    .about-us.right.container {
        flex-wrap: wrap-reverse;
        flex-direction: row-reverse; /* Gerekirse yönü de ayarlayabilirsiniz */
    }

    .about-us .content {
        width: 100%;
    }


    .happy-customers .comment-area {
        flex-wrap: wrap;
    }

    .happy-customers .comment-area .comments {
        width: 100%;
    }

    .happy-customers .comment-area .new-comment {
        width: 100%;
    }

    .trust-proses {
        flex-wrap: wrap;
    }

    .trust-proses .line {
        display: none;
    }

    .trust-proses .card {
        min-width: 375px
    }

    .trust-proses .card .text {
        text-align: center;
    }

    .section-padding {
        padding-top: 20px;
    }

    .dashboard .welcome {
        flex-wrap: wrap;
        padding-top: 20px;
        padding-bottom: 20px;
        height: 225px;
    }

    .my-order .order-detail {
        padding: 17px;
    }

    .edit-profile .card .card-header {
        flex-wrap: wrap;
        justify-content: center !important;
        gap: 1rem;
    }

    .auth-area .already-registered .position {
        width: 100%;
        text-align: center;
        padding: 20px;
    }

    .auth-area .already-registered .title {
        font-size: 30px;
    }


    .trust-proses .card .text .title {
        font-size: 15px;
    }

    .trust-proses .card {
        padding: 17px 26px;

    }

    .footer-bottom .info-item-group {
        flex-wrap: wrap;
        justify-content: center;
    }

    section {
        padding: 25px 15px;
    }

    .footer {
        gap: 2rem;
        flex-wrap: wrap;
    }

    .footer-bottom {
        padding-top: 20px;
        padding-bottom: 20px;
        flex-wrap: wrap;
        height: auto;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        margin-bottom: 66px;
    }

    .footer-bottom .vr {
        display: none;
    }

    .footer-bottom .info-item {
        text-align: center;
    }

    .service-content .card .title {
        display: none;
    }

    .service-content .card {
        height: 50px;
        width: 50px;
        padding: 0px;
    }

    .product-page .service-content .card {
        height: 45px;
        width: 100px;
        padding: 0px;
    }

    .service-title h1 {
        font: normal normal 600 20px / 35px Poppins;
        min-width: auto;
        margin-bottom: 0px;

    }

    .service-title .line {
        display: none;
    }

    .SocialFeatures .featureItem {
        width: 100%;
    }

    .flex-container {
        flex-wrap: wrap;
    }

    .arrow-container img {
        rotate: 90deg;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .arrow-container {
        max-width: none;
    }

    .stepper .card-item {
        margin: 0;
    }

    .happy-customers .comment .stars {
        font-size: 13px;
    }

    .happy-customers .comment .name {
        font-size: 17px;
    }

    .why-choose .col-md-4 {
        margin-bottom: 2rem;
    }

    .service-content .instagram .card {
        width: 100%;
        background: var(--instagram);
    }

    .service-content .tiktok .card {
        width: 100%;
        background: var(--tiktok);
    }

    .service-content .youtube .card {
        width: 100%;
        background: var(--youtube);
    }

    .service-content .facebook .card {
        width: 100%;
        background: var(--facebook);
    }

    .service-content .twitter .card {
        width: 100%;
        background: var(--twitter);
    }

    .service-content .linkedin .card {
        width: 100%;
        background: var(--linkedin);
    }

    .service-content .pinterest .card {
        width: 100%;
        background: var(--pinterest);
    }

    .service-content .snapchat .card {
        width: 100%;
        background: var(--snapchat);
    }

    .service-content .twitch .card {
        width: 100%;
        background: var(--twitch);
    }

    .service-content .spotify .card {
        width: 100%;
        background: var(--spotify);
    }

    .service-content .soundcloud .card {
        width: 100%;
        background: var(--soundcloud);
    }

    .service-content .telegram .card {
        width: 100%;
        background: var(--telegram);
    }

    .service-content .whatsapp .card {
        width: 100%;
        background: var(--whatsapp);
    }


    .service-content .tumblr .card {
        width: 100%;
        background: var(--tumblr);
    }

    .service-content .reddit .card {
        width: 100%;
        background: var(--reddit);
    }

    .service-content .quora .card {
        width: 100%;
        background: var(--quora);
    }


    .service-content .snapchat .card {
        width: 100%;
        background: var(--snapchat);
    }

    .service-content .twitch .card {
        width: 100%;
        background: var(--twitch);
    }

    .service-content .spotify .card {
        width: 100%;
        background: var(--spotify);
    }

    .service-content .soundcloud .card {
        width: 100%;
        background: var(--soundcloud);
    }

    .service-content .telegram .card {
        width: 100%;
        background: var(--telegram);
    }

    .service-content .whatsapp .card {
        width: 100%;
        background: var(--whatsapp);
    }


    .service-content .tumblr .card {
        width: 100%;
        background: var(--tumblr);
    }

    .service-content .reddit .card {
        width: 100%;
        background: var(--reddit);
    }

    .service-content .quora .card {
        width: 100%;
        background: var(--quora);
    }


}

/* Small devices (portrait tablets and large phones, 600px to 767px) */
@media only screen and (min-width: 600px) and (max-width: 767px) {
    .about-us {
        flex-wrap: wrap;
        padding: 25px 15px;
    }

    .socialMediaServiceDetails .card .btn-green-basket {
        padding: 10px 14px;
    }

    .head-info {
        display: none;
    }

    .service-content .card .title {
        display: none;
    }

    .service-content .card .title {
        display: none;
    }

    .service-content .card {
        height: 50px;
        width: 50px;
        padding: 0px;
    }

    .SocialFeatures .featureItem {
        width: 100%;
        margin-bottom: 0px;
    }


    .service-content .instagram .card {
        width: 100%;
        background: var(--instagram);
        color: white;
    }

    .service-content .tiktok .card {
        width: 100%;
        background: var(--tiktok);
    }

    .service-content .youtube .card {
        width: 100%;
        background: var(--youtube);
    }

    .service-content .facebook .card {
        width: 100%;
        background: var(--facebook);
    }

    .service-content .twitter .card {
        width: 100%;
        background: var(--twitter);
    }

    .service-content .linkedin .card {
        width: 100%;
        background: var(--linkedin);
    }

    .service-content .pinterest .card {
        width: 100%;
        background: var(--pinterest);
    }

    .service-content .snapchat .card {
        width: 100%;
        background: var(--snapchat);
    }

    .service-content .twitch .card {
        width: 100%;
        background: var(--twitch);
    }

    .service-content .spotify .card {
        width: 100%;
        background: var(--spotify);
    }

    .service-content .soundcloud .card {
        width: 100%;
        background: var(--soundcloud);
    }

    .service-content .telegram .card {
        width: 100%;
        background: var(--telegram);
    }

    .service-content .whatsapp .card {
        width: 100%;
        background: var(--whatsapp);
    }


    .service-content .tumblr .card {
        width: 100%;
        background: var(--tumblr);
    }

    .service-content .reddit .card {
        width: 100%;
        background: var(--reddit);
    }

    .service-content .quora .card {
        width: 100%;
        background: var(--quora);
    }


    .service-content .snapchat .card {
        width: 100%;
        background: var(--snapchat);
    }

    .service-content .twitch .card {
        width: 100%;
        background: var(--twitch);
    }

    .service-content .spotify .card {
        width: 100%;
        background: var(--spotify);
    }

    .service-content .soundcloud .card {
        width: 100%;
        background: var(--soundcloud);
    }

    .service-content .telegram .card {
        width: 100%;
        background: var(--telegram);
    }

    .service-content .whatsapp .card {
        width: 100%;
        background: var(--whatsapp);
    }

    .service-content .tumblr .card {
        width: 100%;
        background: var(--tumblr);
    }

    .service-content .reddit .card {
        width: 100%;
        background: var(--reddit);
    }

    .service-content .quora .card {
        width: 100%;
        background: var(--quora);
    }

    .about-us .content {
        width: 100%;
    }

    .happy-customers .comment-area {
        flex-wrap: wrap;
    }

    .happy-customers .comment-area .comments {
        width: 100%;
    }

    .happy-customers .comment-area .new-comment {
        width: 100%;
    }

    .trust-proses {
        flex-wrap: wrap;
    }

    .trust-proses .line {
        display: none;
    }

    .trust-proses .card {
        min-width: 380px
    }

    .trust-proses .card .text .title {
        font-size: 18px;
    }

    section {
        padding: 25px 15px;
    }

    .footer {
        gap: 2rem;
        flex-wrap: wrap;
    }

    .footer-bottom {
        padding-top: 20px;
        padding-bottom: 20px;
        flex-wrap: wrap;
        height: auto;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }

    .footer-bottom .vr {
        display: none;
    }

    .footer-bottom .info-item {
        text-align: center;
    }

    .flex-container {
        flex-wrap: wrap;
    }

    .arrow-container img {
        rotate: 90deg;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .arrow-container {
        max-width: none;
    }

    .socialCard .logo {
        padding: 2px;
        text-align: center;
        border-radius: 6px;
        width: 100%;
    }

    .section-padding {
        padding-top: 20px;
    }
}

/* Medium devices (landscape tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-us {
        flex-wrap: wrap;
        padding: 25px 15px;
    }


    .section-padding {
        padding-top: 20px;
    }

    .socialCard .logo {
        padding: 2px;
        text-align: center;
        border-radius: 6px;
        width: 100%;
    }

    .about-us .content {
        width: 100%;
    }

    .service-content .card .title {
        display: none;
    }

    .service-content .card .title {
        display: none;
    }

    .service-content .card {
        height: 50px;
        width: 50px;
        padding: 0px;
    }

    .happy-customers .comment-area {
        flex-wrap: wrap;
    }

    .happy-customers .comment-area .comments {
        width: 100%;
    }

    .happy-customers .comment-area .new-comment {
        width: 100%;
    }

    .trust-proses {
        flex-wrap: wrap;
    }

    .trust-proses .line {
        display: none;
    }

    .trust-proses .card {
        min-width: 380px
    }

    .trust-proses .card .text .title {
        font-size: 18px;
    }

    section {
        padding: 25px 15px;
    }

    .footer {
        gap: 2rem;
        flex-wrap: wrap;
    }

    .footer-bottom {
        padding-top: 20px;
        padding-bottom: 20px;
        flex-wrap: wrap;
        height: auto;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        margin-bottom: 66px;
    }

    .footer-bottom .vr {
        display: none;
    }

    .footer-bottom .info-item {
        text-align: center;
    }

    .auth-area .already-registered .position {
        width: 100%;
        text-align: center;
        padding: 20px;
    }
}

/* Large devices (laptops/desktops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .trust-proses {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .trust-proses .line {
        display: none;

    }

    .trust-proses .card {
        min-width: 380px
    }

    .trust-proses .card .text .title {
        font-size: 18px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}