@media screen and (max-width: 1920px) {
    .thoub-payment {
        justify-content: start;
      }
}

@media screen and (max-width: 1800px) {
    .thoub-dashboard .dashboard-panel-body .albums {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media screen and (max-width: 1600px) {
    .thoub-payment .plan .plan-price .current {
        margin-top: -3px;
    }

    .thoub-dashboard {
        padding: 0;
    }

    .thoub-dashboard .dashboard-panel-body .albums {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media screen and (max-width: 1440px) {
    .thoub-login-gallery {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .thoub-payment .plans .plan {
        padding: 30px 15px 15px;
    }
}

@media screen and (max-width: 1280px) {
    footer .top-footer .company-info {
        width: 26%;
    }

    footer .top-footer .footer-menu {
        width: 60%;
    }

    .uploaded-accordion .gallery-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .thoub-dashboard .dashboard-panel-body .albums {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .welcome-head {
        margin-top: 24px;
    }
}

@media screen and (max-width: 1024px) {
    footer .top-footer .company-info {
        width: 30%;
    }

    .thoub-steps .headshot-slider .slider {
        gap: 16px;
    }

    .thoub-steps .headshot-slider {
        gap: 16px;
    }

    .uploaded-accordion .gallery-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .thoub-payment {
        padding: calc(max(7.8125vw, 58px)) calc(max(2.0833vw, 15px)) 150px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .thoub-payment .pricing, .thoub-payment .testimonial {
        width: 100%;
        padding: 0;
    }

    .thoub-payment .pricing {
        border: none;
        padding: 0;
    }

    .thoub-payment .testimonial-gallery {
        display: flex;
        justify-content: center;
        gap: 0;
        transform: translateX(1.5rem);
    }

    .thoub-payment .gallery-image {
        aspect-ratio: initial;
        width: 52px;
        height: 52px;
        border: 3px solid rgba(255, 255, 255, 1);
        border-radius: 999px;
    }

    .thoub-payment .gallery-image img {
        border-radius: 999px;
    }

    .thoub-payment .gallery-image:nth-child(2) {
        transform: translateX(-0.75rem);
    }

    .thoub-payment .gallery-image:nth-child(3) {
        transform: translateX(-1.5rem);
    }

    .thoub-payment .gallery-image:nth-child(4) {
        transform: translateX(-2.25rem);
    }

    .thoub-payment .gallery-image:nth-child(5) {
        transform: translateX(-3rem);
    }

    .thoub-payment .gallery-image:nth-child(6), .thoub-payment .gallery-image:nth-child(7), .thoub-payment .gallery-image:nth-child(8), .thoub-payment .gallery-image:nth-child(9) {
        display: none;
    }

    .thoub-payment .testimonial-rating-star {
        display: block;
    }

    .thoub-payment .close-btn {
        top: 15px;
        right: 15px;
        width: 14px;
    }
}

@media screen and (max-width: 991px) {
    .navbar .navbar-collapse {
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0;
        z-index: 999;
        background-color: #FFFFFF;
        padding: 10px 15px;
        transition: 0s;
        border-top: 1px solid #1111111A;
        height: calc(100vh - 57px);
        overflow: auto;
    }

    header .navbar .container {
        width: 100%;
        padding: 0 15px;
    }

    header .navbar .get-start {
        margin-left: auto;
    }

    header .navbar .navbar-nav .nav-item {
        padding: 10px 0;
        border-bottom: 1px solid #1111111A;
    }

    header .navbar .navbar-nav:last-child .nav-item:last-child {
        border-bottom: none;
    }

    /* footer .top-footer .company-info {
        width: 100%;
    } */

    /* footer .top-footer .footer-menu {
        width: 100%;
    } */

    .ai-image-slider .slider .slide {
        width: 153.24px;
        height: 191.55px;
        padding: 2.66px 3.99px 2.66px 3.99px;
    }

    .ai-image-slider .slide-contents .ai-generated {
        font-size: 7.98px;
        line-height: 10.64px;
        letter-spacing: 0.3192557990550995px;
    }

    .thoub-steps .headshot-slider .slider {
        gap: 14px;
    }

    .thoub-steps .headshot-slider {
        gap: 14px;
    }

    .thoub-pricing .plans {
        column-gap: 2%;
    }

    .thoub-pricing .plans .plan {
        width: 49%;
    }

    .thoub-guarantee .guarantee-contents {
        max-width: 440px;
    }

    .thoub-steps .gallery .center {
        width: 50%;
    }

    .thoub-steps .gallery .left {
        transform: translateX(-50%) scale(1.6);
        width: 40%;
    }

    .thoub-steps .gallery:hover .left {
        transform: translateX(-40%) scale(1.6);
    }

    .thoub-steps .gallery .right {
        transform: translateX(50%) scale(1.6);
        width: 40%;
    }

    .thoub-steps .gallery:hover .right {
        transform: translateX(40%) scale(1.6);
    }

    .thoub-faqs .faqs-head, .thoub-faqs .faqs-accordion {
        width: 100%;
    }

    .thoub-faqs .faqs-head {
        text-align: center;
        max-width: 384px;
        margin: 0 auto;
    }

    .thoub-login-gallery {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .thoub-login-left {
        display: none;
    }

    .thoub-login-right {
        width: 100%;
    }

    .thoub-login {
        display: block;
    }

    .thoub-login-credentials-head .mailstone {
        display: block;
    }

    .thoub-login-credentials .slider {
        display: block;
    }

    .thoub-payment .plan .plan-price .actual {
        font-size: 26px;
        line-height: 32px;
    }

    .thoub-dashboard {
        flex-direction: column;
    }

    .thoub-dashboard .navbar .navbar-collapse {
        padding: 30px 0 0;
        height: calc(100vh - 59px);
    }

    .thoub-dashboard .dashboard-sidebar {
        max-width: 100%;
    }

    .thoub-dashboard .navbar-header {
        padding: 14px 24px;
    }

    .dashboard-sidebar .navbar .navbar-nav.profile .dropdown-toggle {
        padding: 18px 22px 27px 88px;
    }

    .dashboard-sidebar .navbar .navbar-nav.profile .dropdown-menu {
        top: auto;
        bottom: 100%;
        margin: 0 0 10px 10px;
    }

    .thoub-dashboard .dashboard-panel {
        padding: 24px;
    }

    .thoub-dashboard .dashboard-panel-body .albums {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .thoub-dashboard .dashboard-panel-header .create-btn a {
        display: none;
    }

    .upload-body {
        flex-direction: column;
        max-height: 100%;
    }

    .uploaded-accordion .gallery-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home-banner-inner .title-text h1 {
        letter-spacing: normal;
    }

}

@media screen and (max-width: 767px) {
    .container {
        width: 100%;
        padding: 0 15px;
    }

    .thoub-dashboard .dashboard-panel {
        padding: 20px 15px;
    }

    .thoub-dashboard .navbar-header {
        padding: 14px 15px;
    }

    .thoub-steps .pixelate-sec {
        aspect-ratio: 21 / 9;
    }

    .thoub-pricing .plans .plan {
        width: 100%;
    }

    .thoub-counter .counters .count {
        width: 100%;
        max-width: 575px;
        margin: 0 auto;
        padding: 14px 16px;
    }

    .thoub-counter .counters .count:first-child {
        padding-top: 0;
    }

    .thoub-counter .counters .count:last-child {
        padding-bottom: 0;
    }


    .thoub-counter .counters .count:nth-child(2) {
        border-width: 1px 0px 1px 0px;
    }

    /* .thoub-testimonial .testimonial-head p, .thoub-pricing .pricing-head p, .thoub-guarantee .guarantee-contents p, .thoub-privacy .privacy-head p {
        font-size: 20px;
        line-height: 28px;
    } */

    .home-banner-inner .create-btn a {
        padding: 19.58px 26.18px;
        font-size: 16px;
        line-height: 17.6px;
    }

    .thoub-testimonial .testimonial-head {
        max-width: 75%;
    }


    .upload-body .uploaded-sec {
        padding: 30px 0 0;
        border-top: 2px solid rgba(17, 17, 17, 0.1);
        border-left: none;
    }

    .upload-body .upload-sec {
        max-width: 420px;
    }

    .uploaded-accordion .gallery-cards {
        column-gap: 20px;
    }

    .login-body .back-button {
        padding: 12px 13.68px;
    }

    .thoub-payment .plan .plan-includes ul li {
        font-size: 14px;
        line-height: 24px;
    }

    .thoub-payment .plan .plan-name {
        font-family: "Arial-B", Arial;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.6399999856948853px;
        color: #11111180;
        text-align: center;
    }

    .thoub-payment .plan .plan-name {
        font-size: 14px;
        line-height: 24px;
    }

    .thoub-payment .plan .plan-highlight span {
        font-size: 12px;
        line-height: 20px;
    }

    .thoub-payment .testimonial-slider .slider .quote {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 2px;
    }

    .thoub-payment .testimonial-slider .slider .author {
        font-size: 16px;
        line-height: 24px;
    }

    .thoub-payment .testimonial-gallery {
        margin-top: 6px;
    }

    .thoub-payment .testimonial-head h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .thoub-payment .testimonial-head p {
        font-size: 14px;
        line-height: 20px;
    }

    .thoub-payment .testimonial-slider .quote-icon img {
        width: 26px;
    }

    .thoub-payment .testimonial-slider {
        margin: 43px auto 0;
    }


    .thoub-payment .pricing .head .select-package {
        font-size: 14px;
        line-height: 16px;
    }

    .thoub-payment .pricing .head .offer {
        font-size: 16px;
        line-height: 26px;
    }

    .thoub-payment .pricing .head .money-back {
        font-size: 16px;
        line-height: 26px;
    }

    .welcome-body {
        margin: 7px 0 200px;
    }

    .welcome-sliders {
        height: 346px;
        max-width: 280px;
        gap: 9px;
    }

    .welcome-slider {
        gap: 9px;
    }

    .thoub-dashboard .dashboard-panel-body .albums {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .thoub-dashboard .dashboard-panel-header .title h1 {
        font-size: 19px;
        line-height: 28.5px;
    }

    .thoub-upload .upload-modal .close-modal {
        width: 24px;
        height: 24px;
        right: 15px;
        top: 10px;
    }

    .thoub-upload .upload-modal .close-modal img {
        width: 18px;
        height: 18px;
    }

    .thoub-dashboard .dashboard-panel-body .profile-information .title h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .uploaded-accordion .gallery-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    
}

@media screen and (max-width: 860px) {
    .thoub-guarantee .gallery, .thoub-get-ai .gallery {
        display: none;
    }

    .thoub-get-ai {
        padding: 112px 0;
    }

    .thoub-guarantee .guarantee-contents {
        max-width: 510px;
    }

    footer {
        padding-top: 5px;
    }
}

@media screen and (max-width: 575px) {
    footer .top-footer .footer-menu {
        flex-direction: column;
    }

    .thoub-steps .headshot-slider .slider {
        gap: 12px;
    }

    .thoub-steps .headshot-slider {
        gap: 12px;
    }

    .thoub-steps .pixelate-sec {
        aspect-ratio: 13 / 9;
    }

    /* .thoub-privacy .privacy-cards {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    } */

    .thoub-privacy .privacy-card {
       width: 100%;
    }

    .thoub-steps .gallery .center {
        width: 50%;
    }

    .thoub-steps .gallery .left {
        transform: translateX(-100%) scale(2.5);
        width: 35%;
    }

    .thoub-steps .gallery .right {
        transform: translateX(100%) scale(2.5);
        width: 35%;
    }

    /* .thoub-testimonial .testimonial-head p, .thoub-pricing .pricing-head p, .thoub-guarantee .guarantee-contents p, .thoub-privacy .privacy-head p {
        font-size: 18px;
        line-height: 28px;
    } */

    .thoub-privacy .privacy-card .card-contents h5 {
        font-size: 20px;
        line-height: 20px;
    }

    .thoub-privacy .privacy-testimonial .testimonial-quote p {
        font-size: 20px;
        line-height: 20px;
    }

    .thoub-testimonial .testimonial-head {
        max-width: 90%;
    }

    .thoub-payment .plans .plan {
        width: 100%;
    }

    .thoub-upload .upload-modal-body h2 {
        font-size: 18px;
        line-height: 28px;
    }

    .thoub-upload .upload-modal-body p {
        font-size: 14px;
        line-height: 22px;
        margin-top: 14px;
    }

    .thoub-upload .upload-modal-body .submit-btns button {
        padding: 12px 22px;
        font-size: 14px;
        line-height: 16px;
    }

    .login-body {
        padding-top: 18px;
    }

    .thoub-dashboard .dashboard-panel-body .profile-information {
        padding: 15px 20px;
      }
}


@media screen and (max-width: 479px) {
    .album-grid .feat-img:nth-child(1) {
        grid-row: span 2 / span 1;
        height: 110px;
    }

    .album-grid .feat-img:nth-child(2),
    .album-grid .feat-img:nth-child(3) {
        height: 48px;
    }

    .album-grid .feat-img:nth-child(4) {
        grid-column: span 2 / span 1;
        height: 55px;
    }

    .thoub-dashboard .dashboard-panel-body .albums .album-loader {
        height: 110px;
    }

    .thoub-dashboard .dashboard-panel-body .albums .loader-contents {
        max-width: 155px;
        bottom: 10px;
    }

    .thoub-dashboard .dashboard-panel-body .albums .loader-message {
        font-size: 11px;
        line-height: 14px;
        margin-top: 7.5px;
    }

    .thoub-dashboard .dashboard-panel-body .albums .loader-bar {
        height: 15px;
    }

    .thoub-dashboard .dashboard-panel-body .albums .album {
        padding: 8px 8px 6px;
        border: 1.5px solid #EBEBEB;
    }

    .thoub-dashboard .dashboard-panel-body .albums .album-grid {
        display: grid;
        grid-template-columns: 45.1429% 22.8571% 22.8571%;
        grid-column-gap: 4.5714%;
        grid-row-gap: 4%;
    }

    .thoub-dashboard .dashboard-panel-body .albums .new-album {
        background: #F97316;
        border-radius: 2.75px;
        padding: 1px 4.8px;
        font-size: 8px;
        line-height: 12px;
        color: #FFFFFF;
        position: absolute;
        top: 3.45px;
        left: 3.45px;
    }

    .thoub-dashboard .dashboard-panel-body .albums .feat-img img {
        border-radius: 8px;
    }

    .thoub-dashboard .dashboard-panel-body .albums .loader-background img {
        border-radius: 12px;
    }

    .thoub-dashboard .dashboard-panel-body .albums {
        gap: 8px;
    }

    .thoub-dashboard .dashboard-panel-body .albums .album-deatils>div {
        font-size: 8px;
        line-height: 12px;
    }

    .thoub-dashboard .dashboard-panel-body .albums .album-deatils>div .icon {
        width: 11px;
        height: 11px;
    }

    .thoub-dashboard .dashboard-panel-body .albums .album-deatils {
        margin-top: 6px;
    }

    .thoub-dashboard .dashboard-panel-body .profile-information {
        padding: 15px;
      }
}

@media screen and (max-width: 767px) {
    .thoub-dashboard .dashboard-panel .back-button {
      padding: 12px 13.68px;
    }

    .thoub-dashboard .dashboard-panel-body .photos {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media screen and (max-width: 479px) {
    .thoub-dashboard .dashboard-panel-body .photos {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    footer .top-footer .company-info {
        width: 50%;
    }

    footer .top-footer .footer-menu {
        width: 50%;
    }
  }

  @media screen and (max-width: 360px) {
    .thoub-dashboard .dashboard-panel-body .photos {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }