@media (max-width : 480px) {
    .navbar-brand img {
        width: 130px;
    }

    .descscroll {
        height: 100px;
    }

    .reviewbox {
        flex-direction: column;
        padding: 20px;
        height: fit-content;
        text-align: center;
    }

    .change-contentbtn {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 14px;
        border-bottom: 2px solid #e5e5e5;
    }

    .flexboxclass {
        flex-direction: column;
        gap: 10px;
    }

    .basicbox {
        height: 49px;
        padding: 0px 26px;
        font-size: 13.66px;
    }

    #packageTabs.nav-tabs .nav-link {
        color: #000;
        padding: 8px 35px;
        font-family: "Inter", sans-serif;
        font-size: 15px;
    }

    .postsection h1,
    .subscriptionbox h1,
    .featuredh1,
    .mapsection h1,
    .welcome-head3 {
        font-size: 21px;
    }

    .sec7 {

        margin: 0px 10px;
        width: 95% !important;
    }

    .filter-container input,
    .filter-container select {
        font-size: 13px;
    }

    .sec7 {
        height: fit-content;
        top: 90px;
        flex-direction: column;
        z-index: 9;
        padding: 20px;
    }

    .basic-plan-box {
        height: fit-content;
    }

    .pro-planbox {
        height: fit-content;
    }


    .sec7-head {
        font-family: 'Raleway', sans-serif;
        font-size: 25px;
        color: white;
        font-weight: 700;
        width: 100%;
        line-height: 30px;
        margin-bottom: 15px !important;
    }

    .sec7-input {
        width: 100%;
        height: 44px;
        font-size: 15px;
    }

    .input-btn {
        height: 44px;
    }



    .footer {
        width: 100%;
        height: fit-content;
        background-color: #222223;
        padding-top: 80px;
        position: relative;
        padding-top: 130px;

    }

    .footer-para {
        font-size: 13px;
        margin-top: 20px;
        width: 100%;

    }

    .footer-head {
        font-size: 20px;
        color: white;
        font-family: 'Poppins', sans-serif;
        font-weight: 700;
        margin-top: 0px;
        text-transform: none;

    }

    .footer-para2 {
        font-family: 'Inter', sans-serif;
        font-size: 13px;
        color: white;
        font-weight: 400;
        /* text-transform: capitalize; */
    }

    .para-div {
        margin-top: 20px;
    }



    .icon-div {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-top: 10px
    }

    .menu-toggle-btn {
        background-color: black !important;
        border: none;
        font-size: 24px;
        padding: 8px 12px;
        border-radius: 5px;
        color: white !important;
        border: none !important;

    }

    .nav-link.active {
        color: black;
        font-weight: bold !important;
    }

    .footer-box {
        height: 72px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        text-align: center;
        margin-top: 52px;
    }

    .last-para {
        font-size: 12px;
        margin-top: 24px;
    }

    .sec1home {
        height: 100%;
        padding: 40px 0px;
        background-size: auto;
    }

    .bottomfilter select {
        /* width: 100%; */
        padding: 0px 26px;
        font-size: 13px;
    }

    .bottomfilter .form-control {
        width: unset;
    }

    .sec1home h3 {
        font-size: 14px;
    }

    .sec1home h1 {
        font-size: 33px;
    }

    .sec1home p {
        font-size: 13px;
    }

    .registerbtn,
    .postbtn {
        font-size: 12px;
        padding: 10px;
    }

    .sec2home {
        padding: 50px 0px 60px;
    }

    .sec2home .box1 h2 {
        font-size: 18px;
    }

    .sec2home .box1 p {
        font-size: 14px;
    }

    .sec2home .box1 {
        height: 200px;
    }

    /* .navbar {
        height: 75px;
    } */

    /* sec3 */

    .rightbox h2 {
        font-size: 17px;
    }

    .rightbox h1 {
        font-size: 21px;
    }

    .rightbox p {
        margin-top: 8px;
        font-size: 14px;
    }

    .box .mainimg {
        height: 100%;
    }

    .featuredp {
        font-size: 13px;
    }

    .featuredh1 {
        font-size: 24px;
        width: 90%;
        margin: 0 auto;
    }

    .featuredsec {
        padding: 50px 0px;
    }


    .bgnew {
        height: 100%;
        padding-bottom: 50px;
    }

    .mapsection {
        padding: 50px 0px 30px;
    }

    .mapsection h1 {
        font-size: 20px;
        padding: 0px 10px;
    }

    .mapsection p {
        font-size: 13px;
        /* text-transform: capitalize; */
    }

    .sliderarrow {
        display: none;
    }

    .brandimg {
        width: 60px;
    }

    .sliderbox h3 {
        font-size: 13px;
    }

    .badges {
        padding: 0px 7px;
        font-size: 12px;
        height: 27px;
    }

    .postsection {
        padding: 0px 0px 30px;
    }

    .newpostclass {

        margin: 20px 0px 0px;
    }

    .navbar-nav .nav-item .nav-link {
        font-size: 16px;
    }

    .servicebox .tab-content {
        height: 100px;
        overflow-y: auto;
    }

    .brandname {
        font-size: 17px;
    }

    .subscriptionbox {
        padding: 0px 0px;
    }

    .subscriptionbox .box1 h1 {
        font-size: 15px !important;
    }

    .subscriptionbox .box1 h1 span {
        font-size: 28.63px;
    }

    .widthclass {
        width: 253px;
    }

    .subscriptionbox .box1 {
        height: fit-content;
        width: 100%;
        padding: 20px 15px;
    }

    .subscriptionbox .box1 h2 {
        font-size: 12.66px;
    }

    .faqsection p {
        font-size: 14px;
    }

    .faq-question::after {
        top: -7px;
    }

    .faq-item {
        padding: 11px;
    }

    .faq-question {
        font-size: 14px;
    }

    .faq-answer {
        font-size: 14px;
        line-height: 24px;
    }

    .faqsection h1 {
        font-size: 30px;
    }

    .brand_btn,
    .influncer_btn {
        padding: 10px;
        font-size: 10px;
        height: 40px;
    }

    .welcome-box a img {
        width: 117px;
    }

    .profileimg {
        width: 61px;
        height: 64px;
    }

    .profileinfo h3 {
        font-size: 13px;
    }

    .profileinfo h1 {
        font-size: 17px;
    }

    .profileinfo h5 {
        font-size: 14px;
    }

    .profileinfo h4 {
        font-size: 16px;
    }

    .profilebio h4 {
        font-size: 14px;
    }

    .profilebio h3 {
        font-size: 16px;
    }

    .analyticsbox h1 {
        font-size: 18px;
    }

    .analyticsbox .nav-link {
        font-size: 12px;
    }

    .analyticsbox .nav-link i {
        font-size: 15px;
    }

    .analyticsbox h3 {
        font-size: 14px;
    }

    .chart-container {
        width: 100% !important;
        height: fit-content !important;
    }

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

    .box h4 {
        font-size: 13px;
    }

    .box h3 {
        font-size: 13px;
    }

    .portfolio-img {
        width: 100%;
    }

    .social-icon {
        width: 20px;
    }

    .profilerightbox h1 {
        font-size: 15px;
    }

    .profilerightbox .badgeprofile {
        font-size: 11px;
        padding: 5px 7px;
    }

    .media-icon {
        width: 25px;
        height: 25px;
    }

    .profilerightbox h3 {
        font-size: 11px;
    }

    .servicebox h4 {
        font-size: 12px;
    }

    .servicebox h5 {
        font-size: 12px;
    }

    .selectionbox h2 {
        font-size: 14px;
    }

    .arrow-parrent {
        gap: 30px;
    }

    .payment-head2 {
        font-size: 18px;
    }

    .arrow-icon {
        width: 30px;
    }

    .radio:checked::after {
        width: 10px;
        height: 10px;
    }

    .radio {
        width: 20px;
        height: 20px;
    }

    .payment-head {
        font-size: 14px;
    }

    .payment-icon {
        width: 22px;
        height: 15px;
    }

    .payment-option h3 {
        font-size: 14px;
    }

    .payment-option {
        margin-bottom: 20px;
        padding: 0px 20px;
    }

    .payment-box {
        padding: 10px 15px 25px;
    }

    .payment-icon2 {
        width: 110px;
    }

    .payment-input {
        font-size: 13px;
    }

    .payment-rightbox {
        padding: 20px 12px;
    }

    .input-parrent {
        gap: 20px;
    }

    .search-input {
        width: 225px;
    }

    .thanksmodal-head {
        font-size: 20px;
    }

    .thanksmodal-para {
        font-size: 14px;
    }

    .profilemodal-para {
        font-size: 12px;
    }

    .profilemodal-head {
        font-size: 18px;
    }

    .profile-modal .request-modal-content {
        width: 100%;
        height: fit-content;
        background-color: white;
        padding: 20px 20px 40px;
        border-radius: 20px;
    }

    .profile-textarea {
        height: 110px;
    }

    .modal-textarea {
        height: 110px;
        font-size: 13px;
    }

    .staricon-parrent {
        margin-top: 15px;
    }

    .influncerbox h2 {
        font-size: 22px;
    }

    .influncerbox p {
        font-size: 13px;
    }

    .job-filter {
        height: fit-content;
        padding: 20px 15px;
        display: block;
        margin-top: 20px;
    }

    .job-slect {
        width: 100%;
        margin-top: 10px;
        font-size: 14px;
    }

    .job-filter h1 {
        font-size: 18px;
    }

    .welcome-head2 {
        font-size: 19px;
        width: 80%;
        margin-top: 15px;
    }

    .welcom-img {
        width: 100%;
    }

    .input-para {
        font-size: 11px;
    }

    .welcome-row {
        padding-top: 10px;
    }

    .welcome-head {
        font-size: 20px;
        margin-left: 0px;
        margin-top: 20px;
    }

    .signin-para {
        font-size: 9px;
    }

    .signin-box {
        padding-left: 10px;
        gap: 7px;
    }

    .welcompara2 {
        margin-top: 20px;
    }

    .email-box {
        width: 100%;
        padding: 25px 15px;
    }

    .email-head2 {
        font-size: 16px;
    }

    .email-para {
        font-size: 13px;
        margin-top: 20px;
    }

    .email-head {
        width: 100%;
        margin-top: 15px;
    }

    .email-para2 {
        font-size: 13px;
    }

    .verify-input {
        height: 42px;
        font-size: 14px;
    }

    .email-box2 {
        width: 95%;
        padding: 30px 15px;
        margin-top: 30px;
    }

    .progress {
        width: 100%;
    }

    .welcome-input {
        font-size: 13px;
    }

    .back-arrow {
        width: 15px;
        height: 15px;
    }

    .information-parrent {
        flex-wrap: wrap;
        gap: 0px;
    }

    .back-head {
        font-size: 20px;
    }

    .slect-box {
        height: 45px;
    }

    .slect-box p {
        font-size: 11px;
    }

    .story-para {
        font-size: 13px;
    }

    .value {
        font-size: 13px;
    }

    .label {
        font-size: 11px;
    }

    .main-box-head {
        font-size: 15px;
    }

    .main-box {
        padding: 20px 15px;
    }

    .active-btn {
        font-size: 11px;
    }

    .active-btn {
        padding: 0px 17px;
    }

    .details-box {
        padding: 20px 15px;
    }

    .details-head2 {
        font-size: 15px;
    }

    .details-para {
        font-size: 12px;
    }

    .details-para2 {
        font-size: 12px;
    }

    .details-box2 h1 {
        font-size: 13px;
        text-wrap: nowrap;
    }

    .details-box2 {
        flex-wrap: wrap;
    }

    .details-box2 {
        padding: 20px 15px;
    }

    .details-head {
        font-size: 15px;
    }

    .details-box3 h1 {
        font-size: 12px;
    }

    .ofer-cards h4 {
        font-size: 13px;
    }

    .ofer-cards p {
        font-size: 12px;
    }

    .ofer-cards h5 {
        font-size: 13px;
    }

    .ofer-img {
        width: 50px;
        height: 50px;
    }

    .ofer-cards {
        padding: 25px 15px;
    }

    .star-icon {
        width: 14px;
        height: 14px;
    }

    .ofer-cards h6 {
        font-size: 13px;
        width: 100%;
    }

    .details-btn {
        font-size: 13px;
    }

    .btn-parrent {
        flex-wrap: wrap;
    }

    .change-contentbtn {
        gap: 25px;
    }

    .profile-para {
        font-size: 14px;
        text-wrap: nowrap;
    }

    .profile-head {
        font-size: 17px;
    }

    .profile-para2 {
        font-size: 14px;
    }

    .profile-para3 {
        font-size: 13px;
    }

    .profile-input {
        font-size: 13px;
    }

    .profile-dropdown {
        font-size: 13px;

    }

    .update-btn {
        font-size: 13px;
        padding: 8px 50px;
    }

    .content-box {
        margin-top: 40px;
    }

    .not-found-img {
        width: 100%;
    }

    .not-found h1 {
        font-size: 22px;
    }

    .not-para {
        font-size: 14px;
    }

    .not-para {
        width: 100%;
    }

    .back-btn {
        margin-top: 20px;
    }

    .not-found {
        height: fit-content;
        padding: 50px 0px;
        margin-top: 50px;
    }

    .about-head {
        font-size: 18px;
        line-height: 26px;
    }

    .about-para {
        font-size: 14px;
    }

    .about-banner {
        height: 144px;
    }

    .about-head2 {
        font-size: 30px;
    }

    .terms-box {
        padding: 20px 15px;
    }

    .terms-head {
        font-size: 18px;
    }

    .terms-head2 {
        font-size: 16px;
    }

    .contact-box {
        padding: 20px 15px;
    }

    .contact-icon {
        width: 50px;
        height: 50px;
    }

    .form-box {
        padding: 25px 15px;
    }

    .faq-head {
        font-size: 20px;
    }

    .chats .chat-box2 {
        width: fit-content;
    }

    .height-parrent {
        height: 34vh;
    }

    .offer-card {
        width: fit-content;
    }

    .welcome-head3 {
        font-size: 22px;
    }

    .head {
        font-size: 15px;
    }

    .details-img {
        width: 80px;
    }

    .details-parrent {
        padding: 25px 15px;
        margin-top: 15px;
    }

    .images {
        gap: 15px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .main-box .nav-link {
        font-size: 11px;
        padding: 4px;
    }

    .main-box .nav-link.active {
        font-size: 11px;
        padding: 10px 20px;
    }

    .view-detaislbtn {
        font-size: 14px;
    }

    .chat-para {
        font-size: 10px;
    }

    .chat-head3 {
        font-size: 13px;
    }

    .chats .chat-box2 {
        font-size: 11px;
    }

    .detailimg {
        width: 100%;
        height: 163px;
    }

    .detailsimg {
        width: 80px;
    }

    .withdrawhead {
        font-size: 18px;
    }

    .withdrawpara {
        font-size: 12px;
    }

    .side-head {
        font-size: 14px;
    }

    .pricing-content {
        height: fit-content !important;
    }

    .chat-head4 {
        font-size: 15px;
    }

    .about-para {
        font-size: 13px;
        margin-top: 8px;
    }

    .chats .chat-box2 {
        width: 100%;
    }

    .scrollwidthclass {
        width: 140px;
    }

    .pagehead {
        font-size: 15px;
    }

    body.font-size-smaller .sec1home h1 {
        font-size: 28px;
    }

    body.font-size-smaller .sec1home p {
        font-size: 12px;
    }

    body.font-size-smaller .sec1home .postbtn,
    body.font-size-smaller .sec1home .registerbtn,
    body.font-size-smaller .brand_btn {
        font-size: 10px;
    }

    body.font-size-smaller .sec2home .box1 p {
        font-size: 11px;
    }

    body.font-size-smaller .sliderbox h3 {
        font-size: 10px;
    }

    body.font-size-smaller .badges {
        font-size: 10px;
    }

    body.font-size-smaller .widthclass {
        width: 238px;
    }

    body.font-size-smaller .basicbox {
        height: 52px;
        padding: 0px 45px;
        font-size: 11.66px;
    }

    body.font-size-smaller .influncer_btn {
        font-size: 11px;
    }

    body.font-size-smaller .subscriptionbox .box1 h1 span {
        font-size: 14.63px;
    }

    body.font-size-smaller .sliderbox {
        padding: 9px;
    }

    body.font-size-smaller .subscriptionbox .box1 h1,
    body.font-size-smaller .welcome-input,
    body.font-size-smaller .mapsection p,
    body.font-size-smaller .brandname {
        font-size: 12px;
    }

    body.font-size-smaller .brandimg {
        width: 50px !important;
        height: 50px !important;
    }

    body.font-size-smaller .sec7-head {
        font-size: 20px;
        line-height: 30px;
    }

    body.font-size-smaller .footer-para {
        font-size: 11px;
    }

    body.font-size-smaller .featuredh1,
    body.font-size-smaller .mapsection h1,
    body.font-size-smaller .subscriptionbox h1,
    body.font-size-smaller .welcome-head3,
    body.font-size-smaller .postsection h1 {
        font-size: 21px;
    }

    body.font-size-smaller .filter-container input,
    body.font-size-smaller .filter-container select {
        font-size: 12px;
    }

    body.font-size-smaller .details-box2 h1 {
        font-size: 14px;
    }

    body.font-size-smaller .box h3 {
        font-size: 11px;
    }


    body.font-size-smaller .about-head {
        font-size: 26px;
    }

    body.font-size-smaller .about-para {
        font-size: 11px;
    }

    body.font-size-smaller .main-box .nav-link.active,
    body.font-size-smaller .profilemodal-para,
    body.font-size-smaller .ofer-cards h5,
    body.font-size-smaller .ofer-cards p {
        font-size: 12px;
    }

    body.font-size-smaller .details-head2 {
        font-size: 17px;
    }

    body.font-size-smaller .welcome-head2 {
        font-size: 16px;

    }

    body.font-size-smaller .newclass {
        font-size: 8px;
    }

    .filterbox .topfilter select {
        height: 45px;
        font-size: 13px;
    }

    .filterbox .topfilter .arrow {
        position: absolute;
        top: 10px;
        right: 20px;
    }



}


@media (min-width : 481px) and (max-width : 767px) {
    .images {
        gap: 15px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .brand_btn,
    .influncer_btn {
        padding: 10px;
        font-size: 13px;
        height: 40px;
    }

    .footer {
        height: fit-content;
        padding-top: 130px;
    }

    .descscroll {
        height: 100px;
    }

    .footer-para {
        font-size: 12px;
        width: 90%;
    }

    .scrollwidthclass {
        width: 200px;
    }

    .footer-head {
        font-size: 19px;
        margin-top: 7px;
    }

    .para-div {
        margin-top: 0px;
    }

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

    .box h4 {
        font-size: 13px;
    }

    .analyticsbox h3 {
        font-size: 16px;
    }

    .analyticsbox h1 {
        font-size: 18px;
    }



    .box h2 {
        font-size: 18px;
    }

    .box h4 {
        font-size: 14px;
    }

    .box h3 {
        font-size: 14px;
    }

    .portfolio-img {
        width: 100%;
    }

    .social-icon {
        width: 30px;
    }

    .profilerightbox h1 {
        font-size: 17px;
    }

    .profilerightbox .badgeprofile {
        font-size: 11px;
        padding: 5px 7px;
    }

    .media-icon {
        width: 25px;
        height: 25px;
    }

    .profilerightbox h3 {
        font-size: 13px;
    }

    .servicebox h4 {
        font-size: 14px;
    }

    .servicebox h5 {
        font-size: 14px;
    }

    .selectionbox h2 {
        font-size: 16px;
    }








    .sec7 {

        margin: 0px 10px;
        width: 95% !important;
    }

    .sec7 {
        height: fit-content;
        top: 90px;
        flex-direction: column;
        z-index: 9;
        padding: 20px;
        align-items: start;
    }



    .sec7-head {
        font-size: 38px;
        color: white;
        font-weight: 700;
        width: 100%;
        line-height: 40px;
    }

    .sec7-input {
        width: 100%;
        height: 44px;
        font-size: 15px;
    }

    .input-btn {
        height: 44px;
    }

    .sec1home {
        height: 100%;
        padding: 70px 0px;
    }


    .sec1home h3 {
        font-size: 18px;
    }

    .sec1home h1 {
        font-size: 43px;
    }

    .sec1home p {
        font-size: 15px;
    }

    .registerbtn,
    .postbtn {
        font-size: 14px;
        padding: 10px 15px;
    }

    .sec2home {
        padding: 60px 0px 60px;
    }

    .sec2home .box1 h2 {
        font-size: 19px;
    }

    .sec2home .box1 p {
        font-size: 15px;
    }

    /* .navbar {
        height: 85px;
    } */

    .rightbox h2 {
        font-size: 17px;
    }

    .rightbox h1 {
        font-size: 27px;
    }

    .rightbox p {
        margin-top: 8px;
        font-size: 14px;
    }

    .box .mainimg {
        height: auto;
    }

    .featuredsec {
        padding: 50px;
    }

    .bgnew {
        height: 100%;
        padding-bottom: 50px;
    }

    .mapsection {
        padding: 50px 0px;
    }

    .mapsection h1 {
        font-size: 30px;
        padding: 0px 10px;
    }



    .sliderarrow {
        display: none;
    }

    .brandimg {
        width: 70px;
    }

    .sliderbox h3 {
        font-size: 14px;
    }

    .badges {
        padding: 0px 7px;
        font-size: 15px;
    }

    .postsection {
        padding: 0px 0px 70px;
    }

    .newpostclass {

        margin: 20px 0px 0px;
    }


    .brandname {
        font-size: 18px;
    }

    .faq-question::after {
        top: -9px;
    }

    .faq-item {
        padding: 11px;
    }

    .faq-question {
        font-size: 13px;
    }

    .faq-answer {
        font-size: 14px;
        line-height: 24px;
    }

    .faqsection h1 {
        font-size: 30px;
    }

    .input-parrent {
        gap: 20px;
    }

    .search-input {
        width: 350px;
    }

    .influncerbox p {
        font-size: 13px;
    }

    .job-filter {
        height: fit-content;
        padding: 20px 15px;
        display: block;
        margin-top: 20px;
    }

    .job-slect {
        width: 100%;
        margin-top: 10px;
        font-size: 14px;
    }

    .job-filter h1 {
        font-size: 18px;
    }

    .influncerbox h2 {
        font-size: 25px;
    }


    .welcome-head2 {
        font-size: 19px;
        width: 80%;
        margin-top: 15px;
    }

    .welcom-img {
        width: 100%;
    }

    .input-para {
        font-size: 11px;
    }

    .welcome-row {
        padding-top: 10px;
    }

    .welcome-head {
        font-size: 20px;
        margin-left: 0px;
        margin-top: 20px;
    }

    .email-box {
        width: 95%;
        padding: 35px 35px;
    }

    .email-head2 {
        font-size: 22px;
    }

    .email-para {
        font-size: 13px;
        margin-top: 20px;
    }

    .email-head {
        width: 100%;
        margin-top: 15px;
    }

    .email-para2 {
        font-size: 13px;
    }

    .verify-input {
        height: 52px;
        font-size: 14px;
    }

    .email-box2 {
        width: 95%;
        padding: 30px 20px;
        margin-top: 40px;
    }

    .progress {
        width: 100%;
    }

    .welcome-input {
        font-size: 13px;
    }

    .back-arrow {
        width: 15px;
        height: 15px;
    }

    .information-parrent {
        flex-wrap: wrap;
        gap: 0px;
    }

    .back-head {
        font-size: 20px;
    }



    .value {
        font-size: 14px;
    }

    .label {
        font-size: 12px;
    }

    .main-box-head {
        font-size: 20px;
    }

    .main-box {
        padding: 20px 15px;
    }

    .active-btn {
        font-size: 11px;
    }

    .active-btn {
        padding: 0px 17px;
    }

    .details-head2 {
        font-size: 19px;
    }

    .details-para {
        font-size: 14px;
    }

    .details-box3 h1 {
        font-size: 16px;
    }

    .ofer-cards h4 {
        font-size: 15px;
    }

    .ofer-cards p {
        font-size: 14px;
    }

    .ofer-cards h5 {
        font-size: 15px;
    }

    .ofer-img {
        width: 50px;
        height: 50px;
    }

    .ofer-cards {
        padding: 25px 15px;
    }

    .star-icon {
        width: 14px;
        height: 14px;
    }

    .ofer-cards h6 {
        font-size: 13px;
        width: 100%;
    }

    .details-btn {
        font-size: 13px;
    }

    .btn-parrent {
        flex-wrap: wrap;
    }

    .modal-head3 {
        font-size: 15px;
    }

    .profile-para {
        font-size: 14px;
    }

    .change-contentbtn {
        gap: 50px;
    }

    .profile-head {
        font-size: 17px;
    }

    .profile-para2 {
        font-size: 15px;
    }

    .profile-para3 {
        font-size: 14px;
    }

    .profile-input {
        font-size: 14px;

    }

    .profile-dropdown {
        font-size: 14px;
    }

    .not-found-img {
        width: 100%;
    }

    .not-found h1 {
        font-size: 22px;
    }

    .not-para {
        font-size: 14px;
    }

    .not-para {
        width: 70%;
    }

    .back-btn {
        margin-top: 20px;
    }

    .not-found {
        height: fit-content;
        padding: 50px 0px;
        margin-top: 50px;
    }

    .about-head {
        font-size: 21px;
    }

    .about-para {
        font-size: 15px;
    }

    .about-banner {
        height: 144px;
    }

    .about-head2 {
        font-size: 40px;
    }

    .terms-box {
        padding: 20px 15px;
    }

    .terms-head {
        font-size: 18px;
    }

    .terms-head2 {
        font-size: 16px;
    }

    .contact-box {
        padding: 20px 15px;
    }

    .contact-icon {
        width: 50px;
        height: 50px;
    }

    .form-box {
        padding: 25px 15px;
    }

    .faq-box {
        padding: 25px 15px;
    }

    .offer-card {
        width: fit-content;
    }



    .head {
        font-size: 15px;
    }

    .details-img {
        width: 130px;
    }

    .details-parrent {
        padding: 25px 15px;
        margin-top: 15px;
    }

    .images {
        gap: 15px;
    }

    .pricing-content {
        height: fit-content;
    }






}

@media(min-width : 768px) and (max-width : 991px) {
    .navbar-brand img {
        width: 170px;
    }

    .images {
        flex-wrap: wrap;
        gap: 15px;
    }

    .navbar-nav .nav-item .nav-link {
        font-size: 15px;
    }

    .brand_btn,
    .influncer_btn {
        font-size: 15px;
        padding: 8px 13px;
    }



    .sec1home {
        height: 100%;
        padding: 70px 0px;
    }

    .sec2home {
        padding: 60px 0px 60px;
    }

    .box .mainimg {
        height: auto;
    }

    .featuredsec {
        padding: 70px 0px 70px;
    }


    .bgnew {
        height: 100%;
        padding-bottom: 50px;
    }

    .mapsection {
        padding: 50px 0px;
    }

    .mapsection h1 {
        font-size: 30px;
        padding: 0px 10px;
    }

    .postsection {
        padding: 0px 10px 70px;
    }

    .newpostclass {

        margin: 20px 0px 0px;
    }

    .swiper-button-next {
        right: 30px !important;
    }

    .swiper-button-prev {
        right: 100px !important;
    }

    .widthclass {
        width: 276px;
    }

    .subscriptionbox .box1 h2 {
        font-size: 11.66px;
    }

    .pricing-content {
        height: 146px !important;
    }

    .subscriptionbox .box1 h1 {
        font-size: 21px;
    }

    .subscriptionbox .box1 h1 span {
        font-size: 34.63px;
    }

    .subscriptionbox .box1 {
        width: 100%;
    }

    .sec7 {

        margin: 0px 10px;
        width: 95% !important;
    }

    .sec7 {
        height: fit-content;
        top: 90px;
        z-index: 9;
        padding: 20px;
        align-items: center;
        gap: 10px;
    }


    .sec7-head {
        font-size: 34px;
        width: 53%;
        line-height: 37px;
    }

    .sec7-input {
        width: 200px;
        height: 44px;
        font-size: 15px;
    }

    .input-btn {
        width: 100px;
        height: 44px;
    }

    .footer {
        padding-top: 140px;
    }

    .profileinfo h3 {
        font-size: 13px;
    }

    .profileinfo h1 {
        font-size: 17px;
    }

    .profileinfo h5 {
        font-size: 14px;
    }

    .profileinfo h4 {
        font-size: 16px;
    }

    .profilebio h4 {
        font-size: 14px;
    }

    .profilebio h3 {
        font-size: 16px;
    }

    .analyticsbox h1 {
        font-size: 18px;
    }

    .analyticsbox .nav-link {
        font-size: 12px;
    }

    .analyticsbox .nav-link i {
        font-size: 15px;
    }

    .analyticsbox h3 {
        font-size: 14px;
    }

    .chart-container {
        width: 100% !important;
        height: fit-content !important;
    }

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

    .box h4 {
        font-size: 13px;
    }

    .box h3 {
        font-size: 13px;
    }

    .portfolio-img {
        width: 100%;
    }


    .arrow-parrent {
        gap: 30px;
    }

    .payment-head2 {
        font-size: 18px;
    }

    .arrow-icon {
        width: 30px;
    }

    .radio:checked::after {
        width: 10px;
        height: 10px;
    }

    .radio {
        width: 20px;
        height: 20px;
    }

    .payment-head {
        font-size: 14px;
    }

    .payment-icon {
        width: 22px;
        height: 15px;
    }

    .payment-option h3 {
        font-size: 14px;
    }

    .payment-option {
        margin-bottom: 20px;
        padding: 0px 20px;
    }

    .payment-box {
        padding: 10px 15px 25px;
    }

    .payment-icon2 {
        width: 110px;
    }

    .payment-input {
        font-size: 13px;
    }

    .payment-rightbox {
        padding: 20px 12px;
    }

    .search-input {
        width: 400px;
    }

    .job-slect {
        width: 174px;
        font-size: 13px;
    }

    .filter-container input,
    .filter-container select {
        font-size: 13px;
    }

    .influncerbox h2 {
        font-size: 28px;
    }

    .welcome-head2 {
        font-size: 24px;
    }

    .signin-para {
        font-size: 10px;
    }

    .signin-box {
        padding-left: 7px;
        gap: 7px;
    }

    .welcome-row {
        padding-top: 70px;
    }

    .progress {
        width: 585px;
    }

    .email-box2 {
        width: 74%;
    }

    .information-parrent {
        gap: 30px;
    }

    .back-head {
        font-size: 25px;
    }

    .back-arrow {
        width: 25px;
        height: 20px;
    }

    .value {
        font-size: 14px;
    }

    .label {
        font-size: 12px;
    }

    .main-box-head {
        font-size: 22px;
    }

    .main-box {
        padding: 20px 20px;
    }

    .active-btn {
        font-size: 11px;
    }

    .active-btn {
        padding: 0px 17px;
    }

    .details-head2 {
        font-size: 18px;
    }

    .details-box2 h1 {
        font-size: 15px;
    }

    .ofer-cards h4 {
        font-size: 15px;
    }

    .ofer-cards p {
        font-size: 14px;
    }

    .ofer-cards h5 {
        font-size: 15px;
    }

    .ofer-img {
        width: 50px;
        height: 50px;
    }

    .ofer-cards {
        padding: 25px 15px;
    }

    .star-icon {
        width: 14px;
        height: 14px;
    }

    .ofer-cards h6 {
        font-size: 13px;
        width: 65%;
    }

    .details-btn {
        font-size: 13px;
    }






    .profile-para {
        font-size: 16px;
    }

    .change-contentbtn {
        gap: 50px;
    }

    .profile-head {
        font-size: 20px;
    }

    .profile-para2 {
        font-size: 17px;
    }

    .profile-para3 {
        font-size: 16px;
    }

    .profile-input {
        font-size: 16px;

    }

    .profile-dropdown {
        font-size: 16px;

    }

    .about-head {
        font-size: 28px;
    }

    .terms-box {
        padding: 20px 15px;
    }

    .terms-head {
        font-size: 18px;
    }

    .terms-head2 {
        font-size: 16px;
    }

    .about-para {
        font-size: 14px;
    }

    .contact-box {
        padding: 20px 15px;
    }

    .contact-icon {
        width: 50px;
        height: 50px;
    }

    .form-box {
        padding: 25px 15px;
    }

    .subscriptionbox .box1 {
        height: fit-content;
    }

    .details-img {
        width: 150px;
    }

    .chat-para {
        font-size: 10px;
    }

    .chat-head3 {
        font-size: 13px;
    }

    .chats .chat-box2 {
        font-size: 11px;
    }
}

/* Mobile layout */
@media (max-width: 767px) {

    /* .bottomfilter {
        display: grid !important;
        grid-template-columns: 1fr 1fr; 
        gap: 10px; 
    }

    .bottomfilter .position-relative {
        display: flex;
        flex-direction: column;
        width: 100% !important;
    }

    .bottomfilter select,
    .bottomfilter input {
        width: 100% !important; 
    } */
    .influencer-slider .slick-slide {
        margin-right: 5px !important;
        /* Adjust this value for the desired gap */
        margin-left: 5px !important;
        /* Adjust this value for the desired gap */
    }

    .slick-prev,
    .slick-next {
        display: none !important;
    }

    .bottomfilter {
        display: flex;
        flex-wrap: nowrap !important;
        overflow-x: auto;
        gap: 7px;
        padding-bottom: 5px;
    }

}

.bottomfilter {
    display: flex;
}