@media only screen and (max-width:1320px) {

    .banner-sec .banner-all-body {

        padding: 0 40px
    }



    .banner-sec .banner-all-body .banner-content {

        max-width: 625px;

        width: 100%
    }



    .banner-sec .banner-all-body .banner-body .banner-img {

        width: 490px;

        height: 490px;

    }



    .banner-content h1 {

        font-size: 43px !important;

        line-height: 57px !important;


    }



    .banner-content h3 {

        margin: 15px 0 42px;

        font-size: 18px
    }



    .banner-sec .banner-all-body .banner-content p {

        line-height: 22px
    }



    .all-btn {

        padding: 10px 16px;

        font-size: 13px !important
    }

}



@media only screen and (max-width:1200px) {

    header.main-header .header-body .main-menu ul.menu-list {

        grid-gap: 0 14px
    }



    .main-menu ul.menu-list li a,

    .membership-directory-box p {

        font-size: 13px
    }



    section.banner-sec {

        min-height: 87vh
    }



    section.banner-sec {

        padding: 0;

    }



    .banner-content h1 {

        font-size: 48px;

        line-height: 54px;

    }



    .banner-content h1 span {

        font-size: 30px;

    }



    .banner-sec .banner-all-body .banner-body {

        margin: 28px 0 0 auto;

    }



    .banner-sec .banner-all-body .banner-body .banner-img {

        margin: 0 -140px 0 0 width: 490px;

        height: 490px;

    }



    .counter-body {

        padding: 15px 40px 30px;

        background-position-x: 40px
    }



    .membership-sec .membership-body .membership-content h2 {

        margin: 0 0 20px;

        font-size: 34px;

        line-height: 40px
    }



    .membership-sec .membership-body .membership-content p {

        margin: 0 0 24px;

        font-size: 13px;

        line-height: 18px
    }



    .membership-sec .membership-body .membership-video {

        height: 350px
    }



    .membership-drectody-part {

        padding: 0 40px
    }



    .membership-directory-box {

        padding: 20px;

        min-width: 270px
    }



    section.support-sec .support-body .support-img {

        width: 280px
    }



    section.support-sec .support-body .support-content {

        grid-gap: 0 20px;

        grid-gap: 0 20px;

        max-width: 68%;

        width: 100%
    }



    section.support-sec .support-body .support-content h2 {

        font-size: 18px;

        line-height: 40px
    }



    section.support-sec .support-body .support-content h2 span {

        font-size: 40px
    }



    .upbeat-sec .upbeat-body h2 {

        font-size: 34px;

        line-height: 44px
    }



    .upbeat-lists {

        margin: 40px 0 0;

        grid-gap: 0 2%;

        max-width: 810px
    }



    .upbeat-lists .ipbeat-box h3 {

        margin: 20px 0 10px;

        font-size: 15px;

        min-height: 38px
    }



    .st-business .st-business-body .st-business-right {

        width: 41%;

        height: 475px
    }



    .st-business .st-business-body .st-business-left h2 {

        font-size: 26px;

        line-height: 48px
    }



    .st-business .st-business-body .st-business-left h2 span {

        font-size: 36px;

        line-height: 42px
    }



    .st-business .st-business-body .st-business-left p {

        margin: 0 0 30px;

        font-size: 14px;

        line-height: 22px
    }



    .why-choose-img {

        width: 45%;

        height: 570px
    }



    .why-choose-content {

        padding: 40px 0
    }



    .why-choose-content h2 {

        margin: 0 0 25px;

        padding: 0 0 25px;

        font-size: 18px
    }



    .why-choose-content h2 span {

        font-size: 24px
    }



    .why-choose-box .why-choose-icon {

        height: 40px;

        width: 40px
    }



    .why-choose-content .why-choose-boxes .why-choose-box h3 {

        margin: 10px 0 8px;

        font-size: 14px
    }



    .why-choose-content .why-choose-boxes .why-choose-box p {

        margin: 14px 0 18px;

        font-size: 13px;

        line-height: 18px
    }



    .why-choose-box a.why-choose-btn {

        font-size: 14px
    }



    .personalize-body .personalize-left h2 {

        margin: 0 0 25px;

        font-size: 34px;

        line-height: 42px
    }



    .personalize-body .personalize-left p {

        margin: 0 0 30px;

        font-size: 14px;

        line-height: 20px
    }



    .personalize-body .personalize-left ul.personalize-list li {

        margin: 0 0 22px;

        grid-gap: 0 12px;

        max-width: 410px
    }



    .personalize-body .personalize-left ul.personalize-list li .personalize-icon {

        min-width: 41px !important;

        height: 41px
    }



    .personalize-body .personalize-left ul.personalize-list li h5 {

        font-size: 14px;

        line-height: 20px
    }



    section.personalize-sec .personalize-body .personalize-right {

        width: 40%;

        height: 370px
    }



    .get-s-form .form-group {

        margin: 0 0 10px;

        padding: 0;

        width: 47%
    }

}



@media only screen and (max-width:1050px) {

    header.main-header .header-body .header-logo {

        max-width: 140px
    }



    header.main-header .header-body .main-menu ul.menu-list {

        grid-gap: 0 10px
    }



    .main-menu ul.menu-list li a i {

        font-size: 10px
    }



    .banner-sec .banner-all-body .banner-content {

        max-width: 410px;

        width: 100%
    }



    .blog-info-body .blog-right .blog-right-box h3,

    .testimonials-body .testimonials-title h3 {

        font-size: 16px
    }



    .testimonials-body .testimonials-title h2 {

        font-size: 24px
    }



    .testimonials-body .testimonials-content .owl-dot .tes-img {

        width: 60px;

        height: 60px
    }



    .testimonials-body .testimonials-content .owl-dot .tes-quotation {

        width: 20px;

        height: 20px
    }



    .testimonials-body .testimonials-content .owl-dot .tes-quotation i {

        font-size: 11px
    }



    .testimonials-body .testimonials-content .tes-box p {

        margin: 0 0 20px;

        font-size: 13px;

        line-height: 20px
    }



    .testimonials-body .testimonials-content .tes-box .star-r {

        margin: 0
    }



    .testimonials-body .testimonials-content .tes-box h4 {

        margin: 5px 0 0;

        font-size: 16px
    }



    .testimonials-body .testimonials-content .tes-box small {

        font-size: 12px
    }



    .personalize-body .personalize-left h2 {

        margin: 0 0 12px;

        font-size: 24px;

        line-height: 30px
    }



    .personalize-body .personalize-left p {

        margin: 0 0 25px;

        font-size: 13px;

        line-height: 18px
    }



    .personalize-body .personalize-left ul.personalize-list li h5 {

        font-size: 13px;

        line-height: 18px
    }



    section.personalize-sec .personalize-body .personalize-right {

        width: 40%;

        height: 330px
    }



    .latest-blog-sec:before {

        height: 120px;

        width: 100px
    }



    .blog-info-body {

        grid-gap: 0 25px
    }



    .latest-blog-sec .blog-body h2 {

        margin: 0 0 34px;

        font-size: 20px
    }



    .latest-blog-sec .blog-body h2 span {

        font-size: 32px
    }



    .blog-info-body .blog-left .blog-left-box {

        padding: 30px;

        height: 390px
    }



    .blog-info-body .blog-left .blog-left-box h4 {

        margin: 70px 0 10px
    }



    .blog-info-body .blog-right {

        max-width: 47%;

        width: 100%
    }



    .blog-info-body .blog-right .blog-right-box {

        grid-gap: 0 15px
    }



    .blog-info-body .blog-right .blog-right-box h4 {

        font-size: 13px
    }



    .blog-info-body .blog-right .blog-right-box .blog-right-option a {

        grid-gap: 0 7px;

        font-size: 13px
    }



    .blog-info-body .blog-right .blog-right-box .blog-right-option .calendar {

        padding: 4px 5px;

        grid-gap: 0 10px;

        font-size: 12px
    }



    .blog-info-body .blog-right .blog-right-box .blog-right-img {

        min-width: 170px;

        height: 108px
    }



    .latest-blog-sec:after {

        height: 104px;

        width: 100px
    }

}



@media only screen and (max-width:1024px) {

    header.main-header .header-body .main-menu {

        display: none
    }





    .login-sec button.mobile-menu-btn {

        display: inline-flex
    }



    section.upbeat-sec:before {

        position: absolute;

        content: '';

        top: 0;

        right: -214px;

        height: 680px;

        width: 600px
    }



    .inner-banner-left h1,

    .inner-banner-left h2 {

        margin: 0 0 10px;

        font-size: 32px;

        line-height: 30px
    }



    .inner-banner-left h3 {

        margin: 0 0 5px;

        font-size: 16px
    }



    .aboutus-inner-banner .inner-banner-right {

        max-width: 329px
    }



    .aboutus-inner-banner .inner-banner-right img {

        max-width: 100%
    }



    .inner-banner-sec {

        padding: 100px 0 0;

        min-height: fit-content
    }



    .our-mission-sec .our-mission-body .our-m-box img {

        margin: 0 0 20px;

        padding: 0;

        width: 100px
    }



    .inner-banner-sec.features-inner-banner .inner-banner-left h1,

    .inner-banner-sec.features-inner-banner .inner-banner-left h2 {

        line-height: 38px;

        font-size: 28px
    }



    .inner-banner-sec.features-inner-banner .inner-banner-left h1 span,

    .inner-banner-sec.features-inner-banner .inner-banner-left h2 span {

        font-size: 34px
    }



    .inner-features-category a.features-c-box {

        flex: 1;

        height: 112px;

        border-radius: 14px
    }



    .features-inner-banner .inner-banner-right {

        max-width: 460px
    }



    .inner-banner-left h1 span,

    .inner-banner-left h2 span {

        display: block;

        font-size: 28px
    }



    .membership-box-2 {

        padding: 40px
    }



    .membership-box-2.nomargin {

        padding: 0 40px 40px !important
    }



    .membership-inner-banner .inner-banner-right:before {

        top: -42%;

        right: -140%
    }



    .membership-box-2 h2 {

        font-size: 28px
    }



    .membership-dashboard-sec {

        padding: 50px 0 0
    }



    .membership-box-list {

        flex-wrap: wrap;

        margin: 30px 0 0;

        padding: 30px 0 0
    }



    .membership-box-list .membership-boxes {

        margin: 30px 0 0;

        flex: 0 0 45%
    }



    .membership-dashboard-sec .membership-dashboard-body {

        flex-direction: column;

        gap: 20px 0
    }



    .membership-dashboard-right h2 {

        font-size: 24px;

        margin: 0 0 15px;

        line-height: 28px
    }



    .membership-dashboard-boxes .membership-dashboard-box p,

    .membership-dashboard-right p {

        margin: 0 0 15px;

        font-size: 13px
    }



    .membership-dashboard-boxes {

        margin: 40px auto 30px
    }



    .membership-dashboard-boxes .membership-dashboard-box {

        flex: 0 0 100%;

        width: 100%
    }



    .membership-dashboard-boxes .membership-dashboard-box:before {

        font-size: 110px;

        line-height: 110px
    }



    .membership-dashboard-boxes .membership-dashboard-box span {

        margin: 0 0 5px;

        font-size: 50px
    }



    .membership-dashboard-boxes .membership-dashboard-box h3 {

        font-size: 18px;

        margin: 0 0 10px;

        max-width: 300px
    }



    .membership-box-2 p {

        margin: 0;

        padding: 0;

        font-size: 13px
    }



    .features-category-form .features-category-form-content {

        padding: 40px 50px
    }



    .features-category-form-box,

    .marketing-focus-body {

        max-width: 90%
    }



    .features-category-form-box form .form-group {

        flex: 0 0 48%
    }



    .membership-directory-info .membership-directory-left,

    .membership-m-sec .membership-m-body .membership-m-right {

        min-width: 50%
    }



    .theme-directory-sec {

        margin: 50px 0
    }



    .theme-directory-list,

    .theme-directory-sec .theme-directory-body .theme-directory-text {

        max-width: 100%;

        width: 100%
    }



    .theme-directory-sec .theme-directory-body .theme-directory-text p {

        margin: 0 0 25px
    }



    .content-m-body.blogging-content-body {

        max-width: 94%
    }



    .inner-banner-sec.themes-inner-banner {

        padding: 75px 0 0;

        height: auto !important;

        overflow: hidden
    }



    .inner-banner-sec.themes-inner-banner h1 span,

    .inner-banner-sec.themes-inner-banner h2 span {

        font-size: 28px;

        color: #000;

        line-height: 36px
    }



    .inner-banner-right {

        max-width: 320px
    }



    .theme-intro-body .theme-intro-right h2 {

        font-size: 24px;

        margin: 30px 0 15px
    }



    .theme-intro-body .theme-intro-right p {

        font-size: 13px;

        line-height: 18px
    }



    .who-need-theme-sec {

        margin: 50px 0 0
    }



    .who-need-theme-sec .who-need-theme-body .who-need-left h2 {

        font-size: 30px;

        margin: 0 0 12px
    }



    .advantage-sec {

        margin: 0
    }



    .advantage-sec .advantage-body .inner-features-category {

        grid-gap: 0 2%
    }



    .advantage-sec .advantage-body .inner-features-category a.features-c-box {

        height: 165px;

        padding: 5px 10px
    }



    .advantage-sec .advantage-body .inner-features-category a.features-c-box .f-c-img span.material-symbols-outlined {

        font-size: 40px
    }



    .advantage-sec .advantage-body .inner-features-category a.features-c-box h4 {

        font-size: 13px;

        line-height: 14px;

        min-height: 50px
    }



    .advantage-sec .advantage-body .inner-features-category a.features-c-box small {

        margin: 10px 0 0;

        font-size: 11px
    }



    .how-to-use-bd-banner .how-to-use-bd-banner-body h2 {

        font-size: 38px;

        margin: 0 0 5px
    }



    .how-to-use-bd-banner .how-to-use-bd-banner-body p {

        font-size: 14px
    }



    .how-to-use-bd-banner .how-to-use-bd-banner-body .how-to-use-bd-banner-bg {

        margin: 40px auto 0;

        width: 70%;

        height: 200px
    }



    .use-bd-sec {

        padding: 40px 0
    }



    .use-bd-sec h3.how-to-use-bd-subtitle {

        margin: 0 0 40px;

        font-size: 20px
    }



    .use-bd-sec .use-bd-list {

        grid-gap: 0 5%;

        max-width: 730px
    }



    .use-bd-sec .use-bd-list .use-bd--box {

        padding: 15px
    }



    .use-bd-sec .use-bd-list .use-bd--box h4 {

        font-size: 13px;

        line-height: 18px
    }



    .web-setup-content h2 {

        margin: 50px 0 10px;

        font-size: 30px
    }



    .web-setup-content h2:before {

        left: 140px
    }



    .web-setup-sec .web-setup-body {

        grid-gap: 0 5%
    }



    .web-setup-content {

        width: 55%
    }



    .web-setup-img {

        width: 38%
    }



    .color-setup-sec .color-setup-body h2 {

        margin: 0 0 40px;

        font-size: 30px
    }



    .color-setup-sec .color-setup-body {

        max-width: 800px
    }



    .color-setup-sec .color-setup-body .color-setup-bottom,

    .color-setup-sec .color-setup-body .color-setup-top {

        grid-gap: 0 2%;

        max-width: 578px
    }



    .color-setup-sec .color-setup-body .color-setup-box {

        width: 45%;

        min-height: 124px
    }



    .color-setup-sec .color-setup-body .color-setup-box h3 {

        margin: 5px 0;

        font-size: 16px
    }



    .color-setup-sec .color-setup-body .color-setup-box p {

        margin: 10px 0 7px;

        font-size: 13px;

        line-height: 19px
    }



    .all-plan-sec h2 {

        margin: 40px 0;

        font-size: 27px
    }



    .all-plan-sec .all-plan-body {

        flex-wrap: wrap;

        grid-gap: 30px 5%
    }



    .all-plan-sec .all-plan-body .all-plan-box {

        flex: 0 0 47%
    }



    .inner-banner-sec.dedicated.pricing-banner {

        min-height: 630px
    }



    .addons-box-slider .addons-box {

        margin: 0;

        flex: 0 0 32%
    }

    .banner-sec .banner-all-body .banner-body .banner-img {

        width: 392px !important;

        right: 20px;

    }



    .color-setup-sec .color-setup-body h2,
    .pricing-box-sec h2 {

        font-size: 24px !important;

    }



    .pricing-box-sec p {

        font-size: 11px !important;

        width: 90%;

        margin: 0 auto;

    }



    .banner-sec .banner-all-body .banner-body .banner-img {

        width: 457px !important;

        right: -134px;

    }



    .black--friday {

        margin-top: 67px;

    }



    .sub--header {

        padding: 10px 0;

        font-size: 15px;

    }

}


@media only screen and (max-width:991px) {
    .alternative-overview-box {
        height: auto;
    }

    .c-box-list .c-box-body {
        display: block;

    }

    .c-box-list .c-box-body .c-box {
        margin-bottom: 20px !important;
    }

    .c-box-list .c-box-body .c-box:before {
        display: none;
    }

    .wrapper {
        margin: 125px auto;
    }

    .banner-sec .banner-all-body .banner-content {
        max-width: 100%;
        width: 100%;
        padding: 150px 0 0
    }

    .time-line {
        position: static;
        text-align: center;
    }

    .time-box p {
        color: #000;
    }

    .sub--header {
        padding: 10px 0;
        font-size: 14px;
    }

    .banner-sec .banner-all-body .banner-body .banner-img {
        margin: 50px auto 50px 0;
        width: 400px;
        height: 330px
    }

    .counter-body .counter-box {
        margin: 0 0 25px;
        width: 35%
    }

    .counter-body {
        padding: 15px 40px;
        background-position-x: 40px
    }

    .membership-sec .membership-body .membership-content h2 {
        margin: 0 0 20px;
        font-size: 26px;
        line-height: 30px
    }

    .membership-btn .mem-graphics {
        width: 100px;
        height: 100px
    }

    .membership-sec .membership-body .membership-video {
        height: 280px
    }

    .membership-directory-box {
        padding: 15px;
        min-width: 220px
    }

    .st-business .st-business-body .st-business-right {
        width: 41%;
        height: 381px
    }

    .st-business .st-business-body .st-business-left h2 span {
        font-size: 28px;
        line-height: 32px
    }

    .st-business .st-business-body .st-business-left p {
        font-size: 13px;
        line-height: 20px
    }

    .why-choose-img {
        width: 100%;
        height: 450px;
        background-size: cover;
        background-position: center
    }

    .why-choose-content {
        padding: 40px;
        max-width: 100%
    }

    section.personalize-sec .personalize-body .personalize-right {
        width: 44%;
        height: 330px
    }

    .upbeat-sec .upbeat-body {
        padding: 60px 40px 20px
    }

    .st-business .st-business-body .st-business-left h2:before {
        width: 100%
    }

    .inner-banner-left h2 span {
        font-size: 20px;
    }

    .features-c-sec .features-c-body .f-c-box {
        max-width: 47%;
    }

    .alternative-box h2 {
        font-size: 36px;
    }

    .c-box-list .c-box-title {
        width: 90%;
    }

    .c-box-list.c-box-2 {
        margin: 50px 0 0 0;
    }

    .wisely-grow-body {
        display: block;
    }
}

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

    .time-line {

        position: static;

        text-align: center;

    }



    .time-box p {

        color: #000;

    }

    .st-business .st-business-body {

        grid-gap: 0 5%
    }



    .sub--header {

        padding: 10px 0;

        font-size: 15px;

    }



    .banner-sec .banner-all-body .banner-body .banner-img {

        width: 392px !important;

        right: 20px;

    }



    .color-setup-sec .color-setup-body h2,
    .pricing-box-sec h2 {

        font-size: 24px !important;

    }



    .pricing-box-sec p {

        font-size: 11px !important;

        width: 90%;

        margin: 0 auto;

    }



    .black--friday {

        margin-top: 67px;

    }



    .st-business .st-business-body .st-business-right {

        width: 41%;

        height: 296px
    }



    .why-choose-img {

        height: 370px
    }



    section.upbeat-sec:before {

        right: -150px;

        height: 314px;

        width: 392px
    }



    .blog-info-body,

    .get-started-sec .get-started-body,

    .testimonials-body {

        grid-gap: 0
    }



    .testimonials-body .testimonials-title,

    .web-setup-content {

        width: 100%
    }



    .testimonials-body .testimonials-title h2 {

        font-size: 24px;

        padding: 0
    }



    .testimonials-body .testimonials-content {

        width: 100%;

        margin: 32px 0 0
    }



    section.personalize-sec .personalize-body:before {

        left: 0;

        height: 100%;

        width: 100%
    }



    .personalize-body .personalize-left {

        margin: 0;

        padding: 0;

        max-width: 100%
    }



    section.personalize-sec .personalize-body .personalize-right {

        width: 100%;

        height: 410px
    }



    .blog-info-body .blog-left {

        max-width: 100%;

        width: 100%
    }



    .blog-info-body .blog-right {

        max-width: 100%;

        width: 100%;

        margin: 50px 0 0
    }



    .get-started-sec .get-started-body .get-s-left {

        max-width: 100%
    }



    .get-started-sec .get-started-body .get-s-right {

        margin: 20px 0 0;

        max-width: 100%;

        width: 100%
    }



    footer .footer-body {

        padding: 30px 40px;

        grid-gap: 0 20px;

        flex-wrap: wrap
    }



    footer .footer-body .footer-box {

        margin: 0 0 25px;

        flex: auto;

        width: 100%
    }



    .inner-banner-sec.addons-banner,

    footer .footer-body .footer-box h3 {

        min-height: fit-content
    }



    .footer-bottom {

        margin: 0;

        padding: 30px 0;

        border-top: 1px solid #ffffff42
    }



    .bd-tab-sec .tabs.bd-tab-body,

    .event-management-sec .event-management-body,

    .membership-web-sec .membership-web-body,

    .our-mission-sec .our-mission-body {

        flex-wrap: wrap
    }



    .our-mission-sec .our-mission-body .our-m-box {

        flex: 0 0 100%;

        min-height: fit-content
    }



    .inner-banner-sec .inner-banner-body {

        padding: 0 40px 30px;

        grid-gap: 0 30px;

        z-index: 1
    }



    .features-c-sec .features-c-body .f-c-box {

        margin: 0 0 30px;

        border-radius: 15px
    }



    .features-c-sec .features-c-body .f-c-box h3 {

        margin: 15px 0 10px;

        font-size: 17px
    }



    .features-c-sec .features-c-body .f-c-box p {

        margin: 15px 0 10px;

        font-size: 13px;

        line-height: 18px
    }



    .features-title-sec p {

        margin: 15px 0 20px;

        font-size: 13px;

        line-height: 18px
    }



    .contact-map,

    .content-m-sec .content-m-body {

        max-width: 90%
    }



    .content-m-inner-boxes {

        flex-wrap: wrap;

        margin: 0
    }



    .content-m-inner-boxes .content-m-inner-box {

        flex: 0 0 48%;

        margin: 0 0 25px
    }



    .content-m-right h2 {

        font-size: 22px;

        line-height: 26px
    }



    .payment-gateway-banner .inner-banner-body h1,

    .payment-gateway-banner .inner-banner-body h2 {

        margin: 9px 0 10px;

        font-size: 25px
    }



    .membership-directory-sec {

        padding: 50px 0 0
    }



    .f-c-form-left h2 {

        font-size: 26px
    }



    .features-category-form .features-category-form-content .f-c-form-right {

        width: 180px
    }



    .f-c-form-left p {

        font-size: 13px;

        line-height: 18px
    }



    .features-category-form-box {

        margin: -490px auto 30px;

        transition: 1s ease-in-out
    }



    .inner-banner-sec.themes-inner-banner h1,

    .inner-banner-sec.themes-inner-banner h2 {

        font-size: 32px;

        line-height: 30px
    }



    .membership-directory-info {

        flex-direction: column;

        padding: 25px;

        margin: 20px 0 40px
    }



    .membership-directory-info .membership-directory-left {

        min-width: 100%
    }



    .membership-directory-info:before {

        height: 100%;

        width: 100%
    }



    .membership-directory-info .membership-directory-right {

        padding: 15px 0 0;

        max-width: 90%
    }



    .membership-directory-info .membership-directory-right h3 {

        margin: 0 0 22px;

        font-size: 22px
    }



    .membership-directory-info .membership-directory-right ul li {

        margin: 0 0 5px;

        font-size: 13px;

        line-height: 22px
    }



    .membership-m-sec .membership-m-body {

        flex-direction: column-reverse
    }



    .membership-m-sec .membership-m-body .membership-m-right {

        min-width: auto;

        max-width: fit-content;

        width: 100%;

        margin: 0 0 25px
    }



    .membership-m-left h2 {

        margin: 0 0 25px;

        font-size: 22px
    }



    .membership-m-left p {

        margin: 0 auto 20px;

        font-size: 14px;

        line-height: 21px
    }



    .membership-m-left ul li {

        margin: 0 0 5px;

        grid-gap: 0 10px;

        font-size: 13px;

        line-height: 20px
    }



    .membership-web-sec .membership-web-body .membership-web-left {

        flex: 0 0 100%
    }



    .membership-web-left .membership-web-left-body {

        margin: 0;

        padding: 30px;

        max-width: 100%;

        width: 100%
    }




    .membership-web-sec .membership-web-body .membership-web-right {

        flex: 0 0 100%;

        height: 500px;

        background-attachment: fixed
    }



    .faq-sec .faq-body h2,

    .membership-web-left .membership-web-left-body h2 {

        margin: 0 0 10px;

        font-size: 28px
    }



    .membership-web-left .membership-web-left-body h2 span {

        font-size: 34px
    }



    .membership-web-left .membership-web-left-body p {

        font-size: 13px;

        line-height: 19px
    }



    .ed-faq-sec .ed-faq-body h2 {

        margin: 0 0 26px;

        font-size: 30px;

        line-height: 38px
    }



    .ed-faq-sec .ed-faq-body .ed-faq-list h3 {

        margin: 0 0 13px;

        padding: 0 53px 0 0;

        font-size: 18px
    }



    .ecommerce-directory-sec h2 {

        line-height: 36px;

        font-size: 24px;

        margin: 0 auto
    }



    .advantage-sec .advantage-body h2 span,

    .ecommerce-directory-sec h2 span {

        font-size: 32px
    }



    .advantage-sec .advantage-body .inner-features-category {

        flex-wrap: wrap;

        gap: 16px 2%
    }



    .inner-features-category a.features-c-box {

        flex: 0 0 32%
    }



    .ecommerce-directory-sec {

        padding: 0 0 50px
    }



    .about-theme-sec .about-theme-body h2 {

        font-size: 30px;

        margin: 0 0 28px
    }



    .advantage-sec .advantage-body h2 {

        font-size: 26px;

        margin: 15px 0 20px;

        font-weight: 400;

        line-height: 40px
    }



    .event-management-sec .event-management-body .event-management-img {

        flex: 0 0 100%;

        height: 300px;

        margin: 30px 0 0
    }



    .event-management-list h3 {

        margin: 0 0 20px;

        padding: 0 0 13px;

        font-size: 22px;

        max-width: 100%
    }



    .addons-banner-body h2 {

        margin: 74px 0 0;

        padding: 0;

        font-size: 32px;

        line-height: 40px
    }



    .banner-img-sec {

        margin: 65px 0 0
    }



    .addons-box-sec {

        margin: 40px 0 0;

        padding: 0;

        position: relative
    }



    .banner-img-sec .banner-img-right h2 {

        margin: 0 0 15px;

        font-size: 24px
    }



    .banner-img-sec .banner-img-right p {

        margin: 0 0 25px;

        font-size: 14px;

        line-height: 20px
    }



    .contact-us-sec {

        padding: 120px 0 50px
    }



    .contact-us-sec .contact-us-body .contact-us-left h2 {

        margin: 0 0 20px;

        font-size: 20px;

        line-height: 35px
    }



    .contact-us-sec .contact-us-body .contact-us-left h2 span {

        margin: 0;

        font-size: 26px
    }



    .contact-us-sec .contact-us-body .contact-us-left p {

        margin: 0 0 10px;

        font-size: 13px;

        line-height: 19px
    }



    .privacy-policy-details .privacy-p-body .privacy-p-sidebar,

    .web-setup-img {

        display: none
    }



    .color-setup-sec .color-setup-body .color-setup-bottom,

    .color-setup-sec .color-setup-body .color-setup-top {

        grid-gap: 0 2%;

        max-width: 90%;

        margin: 0 auto
    }



    .bd-tab-sec {

        padding: 20px 0
    }



    .bd-tab-sec .tabs.bd-tab-body ul.tab-links {
        min-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0 3%
    }

    .pricing-box-sec {
        padding: 30px 0
    }

    .pricing-box-sec h2 {
        margin: 0 0 34px;
        font-size: 28px
    }

    .pricing-box-body .pricing-box {
        padding: 30px 20px 40px
    }

    .pricing-box-body .pricing-box span.material-symbols-outlined {
        margin: 12px 0 15px;
        font-size: 55px;
        color: #af8d43
    }

    .pricing-box-body .pricing-box h4 {
        margin: 0 0 18px;
        font-size: 17px
    }

    .pricing-box-body .pricing-box h3 {
        margin: 7px 0;
        width: 87%;
        height: 50px;
        font-size: 30px;
        border-radius: 50px
    }

    .pricing-box-body .pricing-box small {
        margin: 10px 0;
        padding: 0 0 15px;
        font-size: 14px
    }

    .pricing-box-body .pricing-box ul li {
        margin: 0 auto 10px;
        padding: 0 0 0 24px;
        font-size: 13px
    }

    .pricing-box-body .pricing-box ul li span.material-symbols-outlined {
        font-size: 18px;
        margin: 0
    }

    .pricing-box-body .pricing-box h5 {
        position: absolute;
        top: 23px;
        right: -111px;
        font-size: 13px
    }

    .marketing-focus-body {
        flex-direction: column;
        gap: 33px 0
    }

    .d-pricing-tab h2 {
        right: 4%;
        top: -35px
    }

    .pricing-box-body {
        padding: 0;
        grid-gap: 0 5%
    }

    .privacy-policy-details .privacy-p-body {
        padding: 0 40px 0 102px
    }

    .inner-banner-sec.privacy-inner-banner .inner-banner-body h1,
    .inner-banner-sec.privacy-inner-banner .inner-banner-body h2 {
        padding: 0 0 0 20px;
        font-size: 30px;
        line-height: 30px;
        margin: 0
    }

    .inner-banner-sec.faq-inner-banner {
        height: fit-content !important;
        padding: 100px 0 0
    }

    .faq-sec .faq-content .card .card-header button {
        font-size: 14px
    }

    .inner-banner-sec.faq-inner-banner .inner-banner-body h1,
    .inner-banner-sec.faq-inner-banner .inner-banner-body h2 {
        margin: 0;
        font-size: 28px;
        line-height: 38px
    }

    .faq-sec {
        margin: 0 0 100px
    }

    .faq-sec .faq-body p {
        margin: 0 auto 5px;
        font-size: 14px
    }

    .faq-body {
        padding: 0 40px
    }

    .addons-banner-sec .addon-banner .addon-banner-left h1,
    .addons-banner-sec .addon-banner .addon-banner-left h2 {
        font-size: 22px
    }

    .addons-banner-sec .addon-banner .addon-banner-left p {
        margin: 0 0 15px;
        font-size: 13px;
        line-height: 19px
    }

    .addons-1st-sec .addons-1st-body h2 {
        margin: 0 0 12px;
        font-size: 22px
    }

    .addons-1st-sec .addons-1st-body p {
        margin: 0 auto 30px;
        font-size: 13px;
        line-height: 20px
    }

    .addons-1st-sec .addons-1st-body .addons-1st-box {
        padding: 30px
    }

    .addons-1st-sec .addons-1st-body .addons-1st-box h4 {
        margin: 0 0 20px;
        font-size: 20px
    }

    .addons-2nd-sec .addons-2nd-body {
        max-width: 86%;
        padding: 22px;
        flex-direction: column
    }

    .addons-box-slider .addons-box {
        margin: 0;
        flex: 0 0 49%;

    }

}


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

    .addons-banner-body h1 {
        font-size: 24px;
        line-height: 43px;
    }

    .membership-web-sec {
        margin-top: 30px;
    }

    .banner-sec .banner-all-body .banner-body .banner-img {
        width: 392px !important;
        right: 20px;
    }

    .new-popup {
        left: 32% !important;
        width: 56% !important;
    }

    .section.banner-sec {
        padding: 0 !important;
    }

    .all-plan-sec,
    .pricing-box-sec {
        padding: 23px 0 0 !important;
        margin: 26px 0 !important;
    }

    .color-setup-sec .color-setup-body h2,
    .pricing-box-sec h2 {
        font-size: 24px !important;
    }

    .pricing-box-sec p {
        font-size: 11px !important;
        width: 90%;
        margin: 0 auto;
    }

    .black--friday {
        margin-top: 67px;
    }

    .time-line {
        position: static;
        text-align: center;
    }

    .time-box p {
        color: #000;
    }

    .addons-box-slider .addons-box {
        margin: 0;
        flex: 100% !important;
    }

    .addons-box span {
        z-index: 999;
    }


    /* avijit add on css */

    .our-team-sec .our-team-body .our-team-box {
        margin: 0px 0 23px;
        padding: 21px;
        height: auto;
    }

    .our-team-box .team-head .team-h-link {
        top: 99px;
        right: 28px;
    }

    .our-team-sec h1 {
        font-size: 26px;
    }

    .our-team-sec p {
        font-size: 15px;
        line-height: 28px;
        text-align: justify;
        margin: 0 20px;
    }

    .contact-us-sec {
        padding: 0;
    }

    .contact-details {
        display: block;
    }

    .contact-us-sec .contact-us-body {
        padding: 0 25px;
    }

    .contact-details .contact-details-box a {
        margin-bottom: 20px;
    }

    .quick-videos-sec .quick-videos-body .quick-videos-box {
        flex: 0 0 100%;
    }

    .quick-videos-sec .quick-videos-body .quick-videos-box h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .alternative-overview-list {
        display: block;
    }

    .alternative-overview-box {
        height: auto;
        margin-bottom: 20px;
    }

    .c-box-list .c-box-title {
        font-size: 17px;
    }

    .c-box-list .c-box-body {
        display: block;
    }

    .c-box-list .c-box-body .c-box {
        display: block;
        margin-bottom: 30px;
    }

    .c-box-cnt h3 {
        margin-top: 20px !important;
    }

    .c-box-list .c-box-body .c-box:before {
        display: none;
    }


    .affilates .banner-sec .banner-all-body {
        top: 100px !important;
    }

    .get-s-form .form-group {
        width: 100%;
    }

    .tab {
        margin-top: 20px !important;
    }

}

@media only screen and (max-width:576px) {
    .banner-sec .banner-all-body .banner-body .banner-img {
        width: 392px !important;
        right: 20px;
    }

    .time-line {
        position: static;
        text-align: center;
    }

    .time-box p {
        color: #000;
    }

    .color-setup-sec .color-setup-body h2,
    .pricing-box-sec h2 {
        font-size: 24px !important;
    }

    .pricing-box-sec p {
        font-size: 11px !important;
        width: 90%;
        margin: 0 auto;
    }

    .black--friday {
        margin-top: 67px;
    }

    .sub--header {
        padding: 4px 3px;
        font-size: 12px;
    }

    .counter-body .counter-box {
        margin: 0 0 6px;
        width: 35%
    }

    .inner-banner-sec:before {
        clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%)
    }

    .counter-body .counter-box h2 {
        margin: 0;
        font-size: 30px;
        line-height: 25px
    }

    .counter-body .counter-box p,
    .inner-banner-left h3 {
        font-size: 14px
    }

    .content-m-sec .content-m-body,
    .inner-banner-sec .inner-banner-body,
    .membership-sec .membership-body,
    .pricing-box-body,
    .upbeat-lists,
    section.support-sec .support-body {
        flex-wrap: wrap
    }

    .membership-sec .membership-body .membership-content {
        margin: 0 0 25px;
        max-width: 100%;
        width: 100%
    }

    .membership-sec .membership-body .membership-video {
        height: 265px;
        width: 100%
    }

    section.upbeat-sec:before {
        right: -150px;
        height: 314px;
        width: 392px;
        opacity: .2
    }

    .upbeat-sec .upbeat-body h2:before {
        width: 100%;
        background: linear-gradient(90deg, transparent, #000, transparent)
    }


    section.support-sec .support-body .support-img {
        width: 50%;
        margin: 0 auto
    }

    section.support-sec .support-body .support-content {
        grid-gap: 0;
        max-width: 100%;
        width: 100%;
        flex-wrap: wrap;
        text-align: center;
        justify-content: center
    }

    section.support-sec .support-body .support-content h2 {
        font-size: 16px;
        line-height: 37px;
        margin: 20px 0;
        width: 100%
    }

    section.support-sec .support-body .support-content h2 span {
        font-size: 33px
    }

    .error-page-left,
    .theme-intro-sec .theme-intro-body .theme-intro-right,
    .upbeat-sec .upbeat-body {
        text-align: center
    }

    .ipbeat-box {
        flex: 40%;
        margin: 0 0 10px
    }

    .upbeat-lists .ipbeat-box .upbeat-img {
        margin: 0 auto 14px
    }

    .addons-banner-body h2,
    .addons-box-sec,
    .upbeat-sec .upbeat-body a.all-btn.upbeat-btn {
        margin: 30px 0 0
    }

    section.st-business {
        padding: 50px 0
    }

    .st-business .st-business-body {
        grid-gap: 0 5%;
        flex-wrap: wrap;
        flex-direction: column-reverse
    }

    .st-business .st-business-body .st-business-right {
        width: 300px;
        height: 311px;
        margin: 0 auto
    }

    .st-business .st-business-body .st-business-left {
        margin: 0;
        padding: 0;
        max-width: 100%;
        width: 100%;
        text-align: center
    }

    .st-business .st-business-body .st-business-left h2:before {
        width: 100%;
        margin: 0 auto;
        left: 0;
        right: 0;
        max-width: 300px;
        background: linear-gradient(90deg, #ffffff00 0, #0087657a 55%, transparent 109%)
    }

    .why-choose-img {
        height: 320px;
        background-attachment: fixed;
        background-size: cover;
        background-position: left
    }

    .footer-bottom .footer-bottom-menu {
        align-items: start;
        justify-content: space-between;
        flex-direction: column-reverse;
        gap: 20px 0
    }

    .testimonials-sec.inner-page-tes {
        background: #eefffc;
        padding: 50px 0
    }

    .about-bd-sec {
        margin: 0;
        padding: 30px 0
    }

    #widget-button-tgsw {
        right: -177px !important;
    }

    .inner-banner-sec.aboutus-inner-banner::before {
        clip-path: polygon(0 0%, 100% 0%, 100% 1000%, 0% 100%)
    }

    .inner-banner-sec .inner-banner-body .inner-banner-left {
        width: 100%;
        margin: 0 0 32px;
        text-align: center
    }

    .aboutus-inner-banner .inner-banner-right {
        max-width: 300px;
        padding: 10px;
        margin: 0 0 30px
    }

    .aboutus-inner-banner .inner-banner-right:before {
        transform: none;
        border-radius: 10px
    }

    .about-bd-sec .about-bd-body {
        flex-wrap: wrap;
        gap: 0;
        flex-direction: column
    }

    .about-bd-sec .about-bd-body .about-bd-left .about-img {
        margin: 50px 0 0;
        padding: 0;
        position: relative;
        animation-delay: 2s;
        max-width: 50%;
        display: none
    }

    .faq-sec,
    .our-mission-sec .our-mission-body .our-m-box img {
        margin: 0
    }

    .our-mission-sec .our-mission-body .our-m-box h3 {
        margin: 25px 0 8px;
        font-size: 28px
    }

    .our-mission-sec .our-mission-body .our-m-box p {
        margin: 0 0 15px;
        font-size: 13px;
        line-height: 20px
    }

    .features-inner-banner .inner-banner-right {
        max-width: 100%;
        transform: none;
        margin: 0 0 -174px
    }

    .features-c-sec .features-c-body {
        justify-content: center
    }

    .features-c-sec .features-c-body .f-c-box {
        max-width: 45%
    }

    .flexible-inner-banner .inner-banner-body h3 {
        margin: 30px 0 5px;
        padding: 0;
        font-size: 18px
    }

    .flexible-inner-banner .inner-banner-body h1,
    .flexible-inner-banner .inner-banner-body h2 {
        margin: 15px 0 10px;
        font-size: 30px;
        line-height: 36px
    }

    .flexible-inner-banner .inner-banner-body h1 span,
    .flexible-inner-banner .inner-banner-body h2 span {
        font-size: 26px;
        display: block
    }

    .flexible-design-title {
        margin: 40px 0 0
    }

    .flexible-design-left p,
    .flexible-design-title .flexible-design-body p {
        margin: 0 0 10px;
        font-size: 13px
    }

    .flexible-design-sec {
        margin: 20px 0 30px
    }

    .flexible-design-sec .flexible-design-body .flexible-design-right {
        margin: 0 0 35px
    }

    .flexible-design-sec .flexible-design-body {
        flex-wrap: wrap;
        flex-direction: column
    }

    .order-img {
        order: 1
    }

    .order-content {
        order: 2
    }

    .flexible-design-left h2 {
        font-size: 22px;
        line-height: 26px
    }

    .flexible-design-sec .flexible-design-body .flexible-design-right:before,
    .tab-content #tab3 .bd-tab-content {
        right: 0
    }

    .content-m-body .content-m-left {
        flex: 0 0 100%;
        margin: 0 0 20px
    }

    .content-m-right p {
        margin: 0;
        font-size: 13px
    }

    .membership-box-2 p {
        margin: 20px 0 0
    }

    .features-category-form .features-category-form-content {
        flex-direction: column;
        align-items: start;
        gap: 20px 0;
        border-radius: 0
    }

    .features-category-form-box form {
        padding: 40px 40px 5px
    }

    .box-design-info-box,
    .features-category-form-box form .form-group,
    .pricing-box-body .pricing-box {
        flex: 0 0 100%
    }

    section.testimonials-sec {
        padding: 40px 0
    }

    .inner-banner-sec.themes-inner-banner {
        padding: 118px 0 0
    }

    .inner-banner-sec.themes-inner-banner h1 span,
    .inner-banner-sec.themes-inner-banner h2 span {
        font-size: 22px;
        color: #000;
        line-height: 28px
    }

    .inner-banner-right {
        max-width: 300px;
        margin: 0 auto;
        display: none
    }

    .theme-intro-sec {
        margin: 0;
        padding: 0;
        position: relative
    }

    .about-theme-sec .about-theme-body .theme-intro-box,
    .box-design-sec .box-design-body,
    .color-setup-sec .color-setup-body .color-setup-bottom,
    .color-setup-sec .color-setup-body .color-setup-top,
    .contact-us-sec .contact-us-body,
    .error-page .error-page-body,
    .marketing-focus-body .marketing-focus-content,
    .ssl-security-list,
    .theme-intro-sec .theme-intro-body,
    section.list-box-sec .list-box-body {
        flex-direction: column
    }


    .theme-intro-sec .theme-intro-body .theme-intro-left {
        max-width: 360px
    }

    .addons-1st-sec .addons-1st-body,
    .membership-dashboard-sec {
        padding: 0
    }

    .ecommerce-directory-sec .ecommerce-directory-body,
    .who-need-theme-sec .who-need-theme-body {
        flex-direction: column-reverse
    }

    .ecommerce-directory-sec .ecommerce-directory-body .ecommerce-directory-image-box {
        width: 100%;
        position: relative
    }

    .banner-img-sec .banner-img-left,
    .color-setup-sec .color-setup-body .color-setup-box,
    .contact-us-sec .contact-us-body .contact-us-right .form-group,
    .ecommerce-directory-box {
        width: 100%
    }

    .theme-intro-box .theme-intro-list {
        padding: 0 0 0 20px;
        text-align: left
    }

    .advantage-sec {
        padding: 5px 0 40px
    }

    .ecommerce-directory-sec p {
        padding: 0 30px
    }

    .advantage-sec .advantage-body .inner-features-category a.features-c-box .features-c-box-overlay {
        top: 100%;
        height: fit-content
    }

    .who-need-theme-sec:before {
        left: 0;
        width: 250px;
        height: 250px
    }

    .d-pricing-tab h2:before,
    .list-box-body .list-box-right h2 {
        display: none
    }

    .box-design-title {
        position: relative
    }

    .box-design-title h2 {
        font-size: 22px
    }

    .banner-img-sec {
        margin: 50px 0 0;
        flex-wrap: wrap
    }

    .banner-img-sec .banner-img-right {
        margin: 0;
        padding: 30px;
        width: 100%
    }

    .banner-img-sec .banner-img-right p {
        margin: 0;
        padding: 0
    }

    .addons-box-sec .addons-box-body h2 {
        margin: 0 0 12px;
        font-size: 24px
    }

    .contact-details {
        margin: 0 0 22px
    }

    .how-to-use-bd-banner .how-to-use-bd-banner-body {
        padding: 125px 30px 0
    }

    .how-to-use-bd-banner .how-to-use-bd-banner-body h2 {
        font-size: 26px;
        margin: 0 0 5px
    }

    .how-to-use-bd-banner .how-to-use-bd-banner-body .how-to-use-bd-banner-bg {
        margin: 20px auto 0;
        width: 70%;
        height: 120px
    }

    .use-bd-sec {
        padding: 40px 0 0
    }

    .use-bd-sec .use-bd-list {
        grid-gap: 0 5%;
        max-width: 90%
    }

    .tab-content .tab .bd-tab-content ul li {
        padding: 0 0 0 27px;
        font-size: 13px
    }

    .tab-content .tab .bd-tab-content {
        position: relative;
        bottom: 0;
        right: 0
    }

    .tab-content #tab2 .bd-tab-content {
        left: 0
    }

    .tab-links a .tab-text {
        font-size: 13px;
        line-height: 17px
    }

    .faq-sec .faq-content .card .card-body,
    .tab-links a .tab-text span {
        font-size: 13px
    }

    .tab-links a span.material-symbols-outlined {
        font-size: 18px
    }

    .pricing-box-body .pricing-box h5 {
        position: absolute;
        top: 23px;
        right: -203px
    }

    .all-plan-sec h3 {
        display: flex;
        gap: 20px;
        align-items: center;
        flex-direction: column;
    }

    .all-plan-sec h3 a {
        width: 200px;
        padding: 10px 22px
    }

    .all-plan-sec h2 {
        font-size: 22px;
        padding: 0 40px
    }

    .dedicated-plan-sec .d-plan-body h2 {
        font-size: 20px;
        line-height: 28px
    }

    .dedicated-plan-sec .d-plan-body h2 span {
        font-size: 26px
    }

    .d-pricing-tab h2 {
        right: 71px;
        top: -39px
    }

    .inner-banner-sec.privacy-inner-banner {
        padding: 100px 0 0;
        height: fit-content !important
    }

    .inner-banner-sec.privacy-inner-banner .inner-banner-body h1,
    .inner-banner-sec.privacy-inner-banner .inner-banner-body h2 {
        padding: 0 0 0 20px;
        font-size: 30px;
        line-height: 30px;
        margin: 0
    }

    .privacy-p-content .privacy-p-box h3 {
        margin: 0 0 15px;
        padding: 0 53px 0 0;
        font-size: 18px;
        height: 45px
    }

    .faq-sec .faq-content {
        margin: 20px 0 0 auto;
        padding: 0 0 0 48px;
        max-width: 100%;
        background: 0 0/100% 100%;
        background-position-x: 0;
        min-height: fit-content
    }

    .faq-sec .faq-content .card:before {
        left: -42px
    }

    .addons-box-slider {
        margin: 50px 0 0;
        justify-content: space-between
    }

    .addons-box-slider .addons-box {
        margin: 0;
        flex: 0 0 45%
    }

    .addons-banner-sec .addon-banner {
        flex-direction: column;
        gap: 20px
    }

    .addons-4th-sec h2 {
        margin: 0 0 10px;
        font-size: 22px
    }

    .addons-4th-body .addons-4th-box {
        margin: 0 0 10px;
        flex: 0 0 100%
    }

    .addons-4th-sec p {
        margin: 0 auto 30px;
        font-size: 14px;
        line-height: 20px
    }

    .addons-2nd-sec .addons-2nd-body .addons-2nd-box h2 {
        margin: 0 0 22px;
        font-size: 18px
    }

    .addons-1st-sec .addons-1st-body .addons-1st-box {
        padding: 15px
    }

    .addons-2nd-sec .addons-2nd-body .addons-2nd-box p {
        margin: 0 0 20px;
        font-size: 13px;
        line-height: 18px
    }

    .ssl-security-list .ssl-security-box {
        width: 100%;
        height: 70px !important;
        min-height: 50px
    }

    .new-popup {
        left: 32%;
        width: 56%;
    }

    .addons-box-slider .addons-box {
        margin: 0;
        flex: 100%
    }

    .addons-box span {
        z-index: 999;
    }
}


@media only screen and (max-width:480px) {
    .time-line {
        position: static;
        text-align: center;
    }

    .time-box p {
        color: #000;
    }

    .inner-banner-sec.pricing-banner {
        padding: 69px 0 0px !important;
    }

    .directory-content {
        font-size: 14px;
    }

    .time-schedule h4 {
        font-size: 16px;
        font-weight: 800;
        color: #FFF;
    }

    .time-schedule {
        height: 275px;
    }

    .card-price- {
        display: block;
        width: 90%;
        padding: 15px 10px 58px;
        margin-bottom: 0;
    }

    .pricing-box {
        border-right: none !important;
        border-bottom: 1px solid gainsboro;
        margin-bottom: 22px;
        height: 166px !important;
    }

    .Order-summery {
        position: absolute;
        bottom: -32%;
        left: 26%;
    }

    .price-manage {
        display: block;
    }

    .all-plan-sec h2 {
        margin: 15px 0;
    }


    .banner-sec .banner-all-body .banner-body .banner-img {
        margin: 50px auto 50px 0;
        width: 330px;
        height: 290px
    }

    .all-social-media-links {
        padding: 0
    }

    .all-social-media-links ul {
        border-radius: 0 6px 6px 0;
        padding: 5px 0;
        gap: 0 0
    }

    header.main-header .header-body {
        padding: 0 20px
    }

    header.main-header .header-body .header-logo {
        max-width: 120px
    }

    header.main-header .header-body .login-sec a {
        font-size: 13px
    }

    .header-body .mobile-menu-sec.mobilemenu-open {
        top: 72px
    }

    .all-btn {
        padding: 11px 5px;
        font-size: 13px !important;
    }

    header.main-header .header-body .login-sec a.all-btn {
        font-size: 0 !important;
        flex-direction: column;
        padding: 4px 9px
    }

    header.main-header .header-body .login-sec a.all-btn i {
        font-size: 14px
    }

    .banner-content h1 {
        font-size: 26px;
        line-height: 30px
    }

    .banner-content h3 {
        margin: 15px 0 25px;
        font-size: 15px
    }

    .banner-sec .banner-all-body .banner-content p {
        line-height: 22px;
        font-size: 13px;
        font-weight: 400
    }

    .counter-body {
        padding: 15px 30px;
        background-position-x: 40px;
        justify-content: space-between;
        background: no-repeat
    }

    .counter-body .counter-box {
        margin: 0 0 6px;
        width: 48%
    }

    .counter-body .counter-box h2 {
        font-size: 26px;
        line-height: 25px;
        color: #008765
    }

    .membership-drectody-part {
        margin: 35px auto 20px
    }

    .membership-directory-box {
        padding: 15px;
        min-width: 180px
    }

    .membership-directory-box p {
        font-size: 13px;
        display: none
    }

    .membership-directory-box .m-d-icon {
        margin: 0 0 19px;
        padding: 0
    }

    .membership-directory-box h3 {
        margin: 17px 0 12px;
        font-size: 14px;
        min-height: 40px;
        text-transform: uppercase
    }

    .membership-directory-box a {
        margin: 12px 0 0;
        width: 110px;
        height: 30px;
        font-size: 12px;
        grid-gap: 0 7px
    }

    .upbeat-sec .upbeat-body h2 {
        font-size: 28px;
        line-height: 34px
    }

    .upbeat-sec .upbeat-body p {
        margin: 10px 0 20px;
        font-size: 13px;
        line-height: 18px;
        max-width: 600px
    }

    section.personalize-sec .personalize-body .personalize-right {
        width: 100%;
        height: 330px
    }

    footer.main-footer .footer-top .footer-top-menu {
        align-items: start;
        justify-content: space-between;
        flex-direction: column-reverse;
        gap: 20px 0
    }

    footer .footer-body {
        padding: 30px 40px 0
    }

    footer .footer-body .footer-box {
        margin: 0 0 25px;
        padding: 0 0 20px;
        flex: auto;
        width: 100%;
        border-bottom: 1px solid #fff3
    }

    footer .footer-body .footer-box:last-child {
        border: none
    }

    .inner-banner-sec.membership-inner-banner {
        padding: 150px 0 0;
        background: #fefcf0
    }

    .features-inner-banner .inner-banner-right {
        margin: 0 0 -68px
    }

    .membership-inner-banner .inner-banner-right {
        max-width: 100%;
        flex: 0 0 100%
    }

    .membership-inner-banner .inner-banner-right img {
        border-radius: 15px
    }

    .inner-features-category {
        flex-wrap: wrap;
        grid-gap: 15px
    }

    .inner-features-category a.features-c-box {
        flex: 0 0 45%;
        margin: 0 0 15px
    }

    .feqatures-title-list {
        flex-direction: column;
        margin: 20px 0 0
    }

    .banner-img-sec .banner-img-right p,
    .feqatures-title-list ul li {
        font-size: 13px;
        line-height: 18px
    }

    .content-m-inner-boxes .content-m-inner-box {
        flex: 0 0 100%;
        margin: 0 0 25px
    }


    .inner-banner-sec:before {
        clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%)
    }

    .payment-g-banner {
        margin: -200px 0 0
    }

    .membership-box-list .membership-boxes h3 {
        font-size: 18px
    }

    .theme-intro-body .theme-intro-right h2 {
        font-size: 16px;
        margin: 30px 0 15px
    }

    .membership-box-list .membership-boxes {
        margin: 30px 0 0;
        flex: 0 0 100%
    }

    .theme-intro-box .theme-intro-list {
        padding: 0 0 0 20px
    }

    .theme-intro-box .theme-intro-list ul li {
        padding: 0 0 0 21px;
        font-size: 12px;
        line-height: 18px
    }

    .membership-box-2 {
        padding: 20px 40px
    }

    .ecommerce-directory-sec h2 {
        line-height: 24px;
        font-size: 18px
    }

    .ecommerce-directory-sec h2 span,
    .pricing-banner .inner-banner-left h1 span,
    .pricing-banner .inner-banner-left h2 span {
        font-size: 24px
    }

    .ecommerce-directory-box {
        width: 100%;
        background: 0 0;
        padding: 16px 0 0
    }

    .ecommerce-directory-box ul li {
        font-size: 12px;
        line-height: 18px
    }

    .ed-faq-sec {
        margin: 25px 0 50px
    }

    .ed-faq-sec .ed-faq-body h2 {
        margin: 0 0 26px;
        font-size: 24px;
        line-height: 30px
    }

    .ed-faq-sec .ed-faq-body .ed-faq-list h3 {
        margin: 0 0 16px;
        padding: 0 40px 0 0;
        font-size: 16px
    }

    .ed-faq-sec .ed-faq-body .ed-faq-list p {
        margin: 0 auto 19px;
        font-size: 13px
    }

    .ed-faq-sec .ed-faq-body .ed-faq-list ul li {
        padding: 0 0 0 21px;
        font-size: 12px;
        color: #36363c;
        line-height: 17px
    }

    .theme-directory-sec {
        margin: 50px 0 0
    }

    .inner-banner-sec.faq-inner-banner .inner-banner-body h1,
    .inner-banner-sec.faq-inner-banner .inner-banner-body h2,
    .theme-directory-list .theme-box {
        text-align: center
    }

    .content-m-sec .membership-box-2 h3 {
        margin: 20px 0 10px
    }

    .get-started-sec .get-started-body .get-s-left h2 span {
        display: block;
        font-size: 18px;
        color: #000
    }

    ul.get-s-list li {
        margin: -4px 0 16px;
        padding: 0 0 0 21px;
        font-size: 13px;
        line-height: 19px
    }

    .who-need-theme-sec .who-need-theme-body .who-need-left h2 {
        font-size: 22px;
        margin: 0 0 8px
    }

    .advantage-sec .advantage-body h2 {
        font-size: 20px;
        line-height: 26px
    }

    .about-theme-sec .about-theme-body p,
    .advantage-sec .advantage-body p,
    .ecommerce-directory-sec p {
        font-size: 13px;
        line-height: 20px
    }

    .theme-intro-box,
    .use-bd-sec .use-bd-list {
        flex-direction: column
    }

    .about-theme-sec .about-theme-body h2 {
        font-size: 22px;
        margin: 0 0 20px
    }

    .addons-banner-body h2 {
        margin: 0 0 20px;
        font-size: 24px;
        line-height: 30px
    }

    .addons-banner-body p,
    .privacy-policy-details {
        margin: 0
    }

    .banner-img-sec {
        margin: 30px 0 0
    }

    .banner-img-sec .banner-img-right {
        padding: 30px
    }

    .addons-box-sec .addons-box-body h2,
    .banner-img-sec .banner-img-right h2 {
        margin: 0 0 10px;
        font-size: 20px
    }

    .addons-box-slider .addons-box .addon-img {
        margin: 0 0 20px;
        height: 220px;
        border-radius: 8px;
        width: 100%;
    }

    .login-sec .img-class {
        width: 60px;
        height: 60px;
        position: relative;
        top: -81px;
        z-index: 9;
        left: 37%;
    }

    .all-bedcrumbs-sec .bedcrumb-body ul li a {
        font-size: 10px;
    }

    .addons-box h3 {
        margin: 0 0 10px;
        font-size: 14px
    }

    .addons-box-sec .addons-box-body p {
        margin: 0 0 15px;
        font-size: 12px;
        line-height: 16px
    }

    .addons-box-slider .owl-nav {
        top: -50px
    }

    .how-to-use-bd-banner .how-to-use-bd-banner-body .how-to-use-bd-banner-bg {
        width: 99%
    }

    .use-bd-sec .use-bd-list .use-bd--box {
        width: 100%;
        margin: 0 0 25px
    }

    .web-setup-content h2 {
        margin: 40px 0 10px;
        font-size: 25px
    }

    .web-setup-content h2:before {
        left: 116px;
        top: 12px
    }

    .web-setup-content p {
        margin: 0 0 30px;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px
    }

    .web-setup-content .web-setup-content-list .web-setup-content-box {
        width: 100%
    }

    .tab-content {
        padding: 30px 0 0;
        position: relative
    }

    .header-body .mobile-menu-sec ul {
        margin: 0;
        padding: 0
    }

    .inner-banner-sec.pricing-banner {
        min-height: fit-content
    }

    .pricing-banner .inner-banner-left h1,
    .pricing-banner .inner-banner-left h2 {
        margin: 0 0 10px;
        font-size: 24px;
        line-height: 30px
    }

    .pricing-box-sec h2 {
        margin: 0 0 28px;
        font-size: 24px
    }


    .all-plan-sec .all-plan-body .all-plan-box {
        flex: 0 0 100%
    }

    .d-pricing-tab h2 {
        right: 71px;
        top: -39px
    }

    .marketing-focus-body {
        max-width: 82%
    }

    .d-pricing-tab .tab-content {
        padding: 15px 0;
        background: #fff
    }

    .inner-banner-sec.privacy-inner-banner .inner-banner-body h1 {
        padding: 0 0 0 20px;
        font-size: 22px;
        line-height: 24px
    }

    .privacy-policy-details .privacy-p-body {
        padding: 0 40px 0 69px;
        flex-wrap: wrap;
        gap: 0
    }

    .privacy-policy-details .privacy-p-body .privacy-p-content {
        flex: none;
        position: relative;
        width: 100%
    }

    .privacy-p-content .privacy-p-box h3 span {
        left: -28px
    }

    .faq-sec .faq-content {
        padding: 0 0 0 25px
    }

    .d-pricing-tab-sec {
        position: relative;
    }

    .Order-summery {
        position: absolute;
        bottom: 13px;
        left: 22%;
    }

    .card-price- ul li {
        padding: 0;
    }

    .new-popup {
        left: 32%;
        width: 56%;
    }

    .addons-box-slider .addons-box {
        margin: 0;
        flex: 100%
    }

    .addons-box span {
        z-index: 999;
    }

    .banner-sec .banner-all-body .banner-content {
        padding: 85px 0 0;
    }

    .banner-content h1 {
        font-size: 27px !important;
        line-height: 44px !important;
    }

    .banner-content h1 span {
        font-size: 27px !important;
    }

    .banner-body .point {
        gap: 10px;
    }

    .banner-body .point ul li {
        font-size: 12px;
    }

    .banner-body .basic-website li {
        font-size: 13px;
    }

}



@media only screen and (max-width:414px) {

    .inner-banner-sec.pricing-banner {

        padding: 69px 0 0px !important;

    }



    .directory-content {

        font-size: 14px;

    }



    .time-schedule h4 {

        font-size: 16px;

        font-weight: 800;

        color: #FFF;

    }



    .time-schedule {

        height: 275px;

    }



    .card-price- {

        display: block;

        width: 90%;

        padding: 15px 10px 58px;

        margin-bottom: 0;

    }



    .pricing-box {

        border-right: none !important;

        border-bottom: 1px solid gainsboro;

        margin-bottom: 22px;

        height: 166px !important;

    }



    .d-pricing-tab-sec {

        position: relative;

    }



    .Order-summery {

        position: absolute;

        bottom: 13px;

        left: 22%;

    }



    .pricing-box-sec .Plan-Pricing {

        margin-top: 20px;

    }



    .price-manage {

        display: block;

    }



    .all-plan-sec h2 {

        margin: 15px 0;

    }



    .banner-sec .banner-all-body .banner-body .banner-img {

        margin: 50px auto 50px 0;

        width: 330px;

        height: 290px
    }



    .get-started-sec .get-started-body,

    .latest-blog-sec .blog-body,

    .membership-drectody-part,

    .membership-sec .membership-body,

    .st-business .st-business-body,

    .testimonials-body {

        padding: 0 30px
    }



    .upbeat-sec .upbeat-body {

        padding: 60px 30px 20px
    }



    .upbeat-sec .upbeat-body p {

        font-size: 12px;

        line-height: 16px
    }



    .personalize-sec .personalize-body,

    .why-choose-content {

        padding: 30px
    }



    section.personalize-sec .personalize-body .personalize-right {

        width: 100%;

        height: 290px
    }



    .blog-info-body .blog-right .blog-right-box {

        grid-gap: 0 15px;

        flex-direction: column-reverse;

        align-items: start;

        gap: 20px 0
    }



    .get-started-sec .get-started-body .get-s-left h2 span {

        font-size: 24px
    }



    footer .footer-body {

        padding: 30px 30px 0
    }



    .inner-banner-sec.features-inner-banner .inner-banner-left h1,

    .inner-banner-sec.features-inner-banner .inner-banner-left h2 {

        line-height: 32px;

        font-size: 23px
    }



    .inner-banner-sec.features-inner-banner .inner-banner-left h1 span,

    .inner-banner-sec.features-inner-banner .inner-banner-left h2 span {

        font-size: 28px
    }



    .features-c-sec h2 {

        font-size: 22px
    }



    .features-c-sec .features-c-body .f-c-box {

        max-width: 100%
    }



    .membership-box-list {

        flex-direction: column
    }



    .membership-box-2 h2 {

        font-size: 18px;

        font-weight: 700;

        margin: 0 0 10px
    }



    footer.main-footer .footer-top .footer-top-menu ul {

        align-items: start;

        flex-direction: column
    }



    .privacy-p-content .privacy-p-box h3 {

        margin: 0 0 12px;

        padding: 0 30px 0 0;

        font-size: 14px;

        height: 54px
    }

    .all-bedcrumbs-sec {
        padding-top: 0;
    }

    .error-text iframe {
        width: 90%;
    }

    .privacy-policy-details .privacy-p-body .privacy-p-content {

        flex: 1
    }



    .privacy-p-content .privacy-p-box h3:before {

        font-size: 20px
    }



    .privacy-p-content .privacy-p-box p {

        font-size: 13px;

        line-height: 18px
    }



    .new-popup {

        left: 32%;

        width: 56%;

    }



    .addons-box-slider .addons-box {

        margin: 0;

        flex: 100%
    }



    .addons-box span {

        z-index: 999;

    }

}

@media only screen and (max-width:375px) {

    .header-body .mobile-menu-sec ul {
        margin: 0;
        padding: 0 10px
    }


    .new-popup {
        left: 32%;
        width: 56%;
    }



    .banner-sec .banner-all-body .banner-body .banner-img {
        margin: 50px auto 50px 0;
        width: 330px;
        height: 250px
    }

    section.membership-sec {
        margin: 0;
        padding: 0 0 25px
    }

    section.support-sec .support-body .support-content h2 {
        font-size: 16px;
        line-height: 26px
    }

    section.support-sec .support-body .support-content h2 span {
        font-size: 24px
    }



    .upbeat-sec .upbeat-body h2 {

        font-size: 22px;

        line-height: 27px
    }



    .st-business .st-business-body .st-business-left h2 span {

        font-size: 22px;

        line-height: 25px
    }



    .why-choose-content h2 {

        margin: 0 0 8px
    }



    .personalize-body .personalize-left h2 {

        font-size: 20px;

        line-height: 24px
    }



    .blog-info-body .blog-left .blog-left-box h4 {

        margin: 0 0 10px
    }



    .blog-info-body .blog-left .blog-left-box h3 {

        font-size: 20px
    }



    .blog-info-body .blog-left .blog-left-box p {

        margin: 18px 0 20px;

        font-size: 13px;

        line-height: 18px
    }



    .blog-info-body .blog-left .blog-left-box .blog-more-option a {

        margin: 0;

        padding: 5px 7px;

        grid-gap: 0 8px;

        font-size: 12px
    }







    .blog-info-body .blog-left .blog-left-box .blog-more-option .calendar {

        margin: 0;

        padding: 4px 9px;

        grid-gap: 0 8px;

        font-weight: 600;

        color: #004c3f;

        font-size: 12px;

        border-radius: 5px
    }



    footer.main-footer .footer-top .footer-top-menu ul li a,

    ul.get-s-list li {

        font-size: 13px
    }



    .footer-bottom .footer-bottom-menu,

    .membership-directory-sec .membership-directory-body,

    footer.main-footer .footer-top .footer-top-menu {

        padding: 0 30px
    }



    footer.main-footer .footer-top .footer-top-menu ul {

        grid-gap: 0 18px
    }



    .payment-g-banner {

        margin: -130px 0 0
    }



    .membership-directory-sec .membership-directory-body h2 {

        line-height: 34px
    }



    .membership-directory-sec .membership-directory-body h2 span {

        font-size: 22px;

        line-height: 26px
    }



    .membership-directory-sec .membership-directory-body p {

        font-size: 13px;

        line-height: 18px
    }



    .membership-dashboard-sec .features-title-sec h2 {

        font-size: 20px;

        font-weight: 600
    }



    .addons-box-slider .addons-box {

        margin: 0;

        flex: 100%
    }



    .addons-box span {

        z-index: 999;

    }

}