@media screen and (max-width: 1799px) {
    .main-banner {
        height: 780px;
    }

    .newsletter-img {
        width: 790px;
        height: 593px;
    }

    .notfountimg {
        height: 390px;
    }
}

@media screen and (max-width: 1537px) {
    .notfound-section .section-head {
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .big-title {
        font-size: 30px;
    }

    .notfountimg {
        height: 330px;
    }
}

@media screen and (max-width: 1499px) {
    .newsletter-img {
        width: 735px;
        height: 552px;
    }

    .isolationMode-img,
    .isolationMode-secondimg {
        height: 270px;
    }
}

@media screen and (max-width: 1440px) {
    .main-banner {
        height: 680px;
    }

    .bannerkey-img {
        width: 750px;
        height: 451px;
    }

    .banner-title {
        font-size: 40px;
    }

    .banner-content .banner-paraDiv {
        padding-top: 15px;
        padding-bottom: 25px;
    }

    .banner-content {
        max-width: 590px;
    }
}

@media screen and (max-width: 1399px) {
    .nav-plantab .nav-item .nav-link {
        padding: 6px 30px;
    }

    .blogdetail-imgDiv {
        width: 435px;
    }

    .about-detailcard {
        padding: 35px 35px;
    }
}

@media screen and (max-width: 1366px) {
    .main-banner {
        height: 630px;
    }

    .bannerkey-img {
        width: 715px;
        height: 430px;
    }

    .main-button {
        padding: 8px 25px;
        font-size: 16px;
    }

    .secondery-button {
        font-size: 16px;
        padding: 10px 25px;
    }

    .py-120 {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .py-100 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .py-60 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .pt-50 {
        padding-top: 35px;
    }

    .main-title {
        font-size: 25px;
    }

    .section-head {
        padding-bottom: 35px;
    }

    .sub-title {
        font-size: 16px;
        letter-spacing: 3px;
    }

    .section-head .sub-title {
        padding-bottom: 10px;
    }

    .pricing-title span {
        font-size: 35px;
    }

    .pricing-cardhead {
        padding: 20px;
    }

    .pricing-body {
        padding: 20px;
    }

    .pricing-pointlist {
        padding-top: 20px;
        margin-top: 20px;
        padding-bottom: 20px;
    }

    .pricing-pointlist li svg {
        width: 25px;
        height: auto;
    }

    p {
        font-size: 14px;
    }

    .newsletter-img {
        width: 655px;
        height: 492px;
    }

    .paymentapp-Div {
        gap: 30px;
        padding-bottom: 40px;
    }

    .googlepayimg,
    .appstoreimg {
        width: 160px;
    }

    .subscribe-inputDiv {
        max-width: 470px;
        margin-top: 20px;
    }

    .subscribe-inputDiv .secondery-button {
        font-size: 16px;
    }

    .subscribe-inputDiv .form-control {
        padding: 10.5px 20px;
    }

    .isolationMode-img,
    .isolationMode-secondimg {
        height: 220px;
    }

    .form-control {
        padding: 10px 15px;
        font-size: 14px;
    }

    .about-banner {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}

@media screen and (max-width: 1280px) {
    .notfountimg {
        height: 315px;
    }
}

@media screen and (max-width: 1199px) {
    .blog-recents .recent-title {
        font-size: 14px;
    }

    .blog-recents .list-recent-blog {
        gap: 10px;
    }

    .blog-recents .list-recent-blog img,
    .blog-recents .list-recent-blog .blog-listrecentDiv {
        min-width: 70px;
        height: 70px;

    }

    .blog-recents {
        padding: 15px;
    }

    .bannerkey-img {
        width: 630px;
        height: 380px;
    }

    .banner-content {
        max-width: 490px;
    }

    .banner-title {
        font-size: 34px;
    }

    .main-banner {
        height: 550px;
    }

    .howit-keyicon {
        width: 75px;
    }

    .howit-lineimg {
        top: 30px;
        max-width: 289px;
    }

    .blog-dateDiv {
        padding-bottom: 10px;
        gap: 10px;
    }

    .blogcard-para {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .blog-slider.owl-carousel .owl-nav button.owl-prev,
    .blog-slider.owl-carousel .owl-nav button.owl-next {
        padding: 6px 17px !important;
    }

    .newsletter-img {
        width: 580px;
        height: 435px;
    }

    .footer-ullist {
        gap: 12px;
    }

    .footer-link {
        font-size: 14px;
    }

    .social-ullist {
        gap: 14px;
    }

    .blogdetail-imgDiv {
        right: -40px;
        width: 398px;
    }

    .blogdetail-keyimg {
        height: 575px;
    }

    .blogdetail-keyshape {
        height: 560px;
    }

    .pagination li .page-link {
        min-width: 50px;
        height: 50px;
    }
}

@media screen and (max-width: 991px) {
    .navbar-nav .nav-link {
        display: inline-block;
        margin: 0px 0px 12px 0px;
    }

    .banner-title {
        font-size: 28px;
    }

    .bannerkey-img {
        width: 560px;
        height: 313px;
    }

    .banner-content {
        max-width: 360px;
    }

    .main-banner {
        height: 475px;
    }

    .howit-lineimg {
        display: none;
    }

    .howit-card .small-title {
        padding-bottom: 15px;
    }

    .howit-keyicon {
        margin-bottom: 15px;
    }

    .main-title {
        font-size: 22px;
    }

    .py-120 {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .py-100 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .nav-plantab {
        margin-left: 0;
        margin-top: 20px;
    }

    .nav-plantab {
        padding: 5px 6px;
    }

    .nav-plantab .nav-item .nav-link {
        padding: 6px 22px;
        font-size: 16px;
    }

    .newsletter-img {
        width: 460px;
        height: 345px;
    }

    .section-head p {
        padding-top: 10px;
    }

    .paymentapp-Div {
        gap: 20px;
        padding-bottom: 25px;
    }

    .googlepayimg,
    .appstoreimg {
        width: 130px;
    }

    .isolationMode-img,
    .isolationMode-secondimg {
        height: 185px;
    }

    .footer-ullist,
    .social-ullist {
        justify-content: center;
    }

    .footer-bottom {
        text-align: center;
        margin-top: 30px;
    }

    .accordion-button {
        padding: 20px 0;
        font-size: 16px;
    }

    .accordion-body {
        font-size: 14px;
    }

    .accordion {
        padding: 20px 20px 0px 20px;
    }

    .contact-iframe {
        height: 270px;
    }

    .header-logo {
        width: 55px;
    }

    .navbar-linkbtnDiv {
        gap: 15px;
    }

    .navbar-linkbtnDiv .navbar-toggler {
        order: 1;
    }

    .about-detailcard {
        margin-right: 0px;
    }

    .blogdetail-imgDiv {
        right: auto;
        width: 100%;
    }

    .blogdetail-keyimg {
        height: 480px;
    }

    .blogdetail-keyshape {
        height: 470px;
        width: 95%;
        left: 0;
    }

    .blogdetail-imgDiv {
        padding-left: 24px;
    }

    .medium-title,
    .mission-content p {
        padding-bottom: 15px;
    }

    .pagination {
        gap: 15px;
    }

    .pagination li .page-link {
        min-width: 45px;
        height: 45px;
    }
}

@media screen and (max-width: 820px) {
    .bannerkey-img {
        width: 485px;
        height: 292px;
    }

    .banner-content {
        max-width: 320px;
    }

    .banner-title {
        font-size: 25px;
    }

    .newsletter-img {
        width: 415px;
        height: 311px;
    }
}

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

    .blog-detials-page .blog-contant .blog-contant-page h1,
    .blog-detials-page .blog-contant .blog-contant-page h2,
    .blog-detials-page .blog-contant .blog-contant-page h3,
    .blog-detials-page .blog-contant .blog-contant-page h4,
    .blog-detials-page .blog-contant .blog-contant-page h5,
    .blog-detials-page .blog-contant .blog-contant-page h6 {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .blog-detials-page .blog-contant .blog-contant-page p,
    .blog-detials-page .blog-contant .blog-contant-page ul li {
        margin-bottom: 15px;
    }

    .main-banner {
        height: auto;
        padding: 25px 0;
    }

    .banner-content {
        max-width: 100%;
    }

    .bannerkey-img {
        margin-left: 0;
    }

    .blog-slider.owl-carousel .owl-nav button.owl-prev,
    .blog-slider.owl-carousel .owl-nav button.owl-next {
        padding: 5px 15px !important;
    }

    .blog-slider .owl-nav .owl-prev:after,
    .blog-slider .owl-nav .owl-next:after {
        font-size: 22px;
    }

    .blog-slider .owl-nav {
        top: -90px;
    }

    footer .header-logo {
        margin: 0 auto 15px auto;
        display: block;
    }

    .input-Div {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 575px) {
    .pagination {
        gap: 10px;
    }

    .pagination li .page-link {
        min-width: 35px;
        height: 35px;
        font-size: 14px;
    }

    .bannerkey-img {
        width: 385px;
        height: 231px;
    }

    .header-logo {
        width: 50px;
    }

    .howit-keyicon {
        width: 60px;
    }

    .main-title {
        font-size: 20px;
    }

    .py-120 {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .py-100 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .py-60 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .pricing-title span {
        font-size: 30px;
    }

    .pricing-value {
        padding-top: 10px;
    }

    .blogcard-img,
    .blogcard-imgDiv {
        height: 240px;
    }

    .ourblog-section .owl-carousel {
        padding-top: 35px;
    }

    .blog-slider .owl-nav {
        top: -35px;
    }

    .isolationMode-img,
    .isolationMode-secondimg {
        height: 160px;
    }

    .newsletter-img {
        width: 360px;
        height: 270px;
    }

    .footer-ullist {
        gap: 10px;
        flex-wrap: wrap;
    }

    .accordion-button {
        font-size: 14px;
    }

    .contactus-card {
        padding: 20px;
    }

    .secondery-button,
    .ourblog-card .secondery-button {
        padding: 8px 20px;
    }

    .blogdetail-keyimg {
        height: 405px;
    }

    .blogdetail-keyshape {
        width: 93%;
        height: 398px;
    }

    .about-detailcard {
        padding: 25px 25px;
    }

    .whatwedo-iconsDiv {
        padding: 10px;
    }

    .whatwedo-icons {
        width: 35px;
        height: 35px;
        object-fit: contain;
    }

    .whychoose-usDiv {
        height: 225px;
    }

    .chooseus-card .medium-title {
        padding-bottom: 10px;
    }

    .notfountimg {
        height: 240px;
    }
}

@media screen and (max-width: 412px) {
    .bannerkey-img {
        width: 320px;
        height: 204px;
    }

    .newsletter-img {
        width: 315px;
        height: 230px;
    }


    .blogdetail-keyimg {
        height: 345px;
    }

    .blogdetail-keyshape {
        height: 340px;
    }

    .whychoose-usDiv {
        height: 175px;
    }
}

/* Delete account page */

@media screen and (max-width: 1740px) {
    .settingbanner-key {
        height: 260px;
    }

    .settingbanner-shapebg,
    .deletebanner-shapebg {
        max-height: 610px;
    }

    .confirmdelete-section .settingbanner-key {
        height: 315px;
    }
}

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

    .settingbanner-shapebg,
    .deletebanner-shapebg {
        max-height: 530px;
    }

    .settingmobile-img {
        max-width: 285px;
    }

    .setting-purpleline {
        right: 40px;
        top: 60px;
        height: 245px;
    }

    .settingbanner-key,
    .confirmdelete-section .settingbanner-key {
        height: 230px;
    }

    .deleteaccount-purpleline {
        height: 266px;
        left: 25px;
        bottom: 65px;
    }

    .deletebanner-key {
        height: 292px;
        left: 5px;
    }

    .confirmdelete-mobimgDiv .setting-purpleline {
        top: 52%;
        height: 170px;
        transform: translate(-25%, -50%);
    }
}

@media screen and (max-width: 1537px) {
    .accountbannerkey-img {
        width: 198px;
    }

    .settingbanner-shapebg {
        max-height: 510px;
    }
}

@media screen and (max-width: 1499px) {
    .settingbanner-shapebg {
        max-height: 450px;
    }
}

@media screen and (max-width: 1440px) {
    .deleteaccount-title {
        font-size: 40px;
    }

    .deleteaccount-content .banner-paraDiv {
        padding-top: 15px;
        padding-bottom: 25px;
    }

    .deletemedium-title {
        font-size: 37px;
    }

    .deleteaccount-purpleline {
        height: 245px;
        left: 40px;
    }
}

@media screen and (max-width: 1399px) {
    .bannermobile-img {
        max-width: 475px;
    }

    .accountbanner-shapebg {
        max-height: 495px;
    }

    .accountbannerkey-img {
        width: 178px;
    }

    .settingmobile-img {
        max-width: 275px;
    }

    .setting-purpleline {
        height: 240px;
        right: -20px;
        top: 56px;
    }

    .settingbanner-shapebg {
        max-height: 510px;
        left: -20px;
    }

    .settingbanner-key {
        height: 205px;
    }

    .deleteaccount-purpleline {
        left: 0px;
    }
}

@media screen and (max-width: 1366px) {
    p {
        font-size: 14px;
    }

    .accountbannerkey-img {
        width: 140px;
    }
}

@media screen and (max-width: 1299px) {
    .settingbanner-shapebg {
        max-height: 420px;
    }

    .settingmobile-img {
        max-width: 245px;
    }

    .setting-purpleline {
        height: 215px;
        right: 35px;
        top: 50px;
    }

    .deletemedium-title {
        font-size: 34px;
    }

    .deleteaccount-purpleline {
        left: 23px;
        height: 219px;
        bottom: 48px;
    }

    .deletebanner-key {
        height: 225px;
    }

    .deletebanner-shapebg {
        max-height: 475px;
    }

    .deleteaccount-purpleline {
        left: 20px;
        height: 195px;
        bottom: 45px;
    }

    .confirmdelete-mobimgDiv .setting-purpleline {
        height: 140px;
        top: 52%;
        transform: translate(-25%, -50%);
    }

    .confirmdelete-section .settingbanner-key {
        height: 150px;
    }
}

@media screen and (max-width: 1199px) {
    .deleteaccount-title {
        font-size: 34px;
    }

    .settingmobile-img {
        max-width: 200px;
    }

    .setting-purpleline {
        height: 179px;
        right: 22px;
        top: 40px;
    }

    .settingbanner-key {
        top: 120px;
        height: 170px;
    }

    .settingbanner-shapebg {
        max-height: 355px;
        left: 0;
    }

    .deletebanner-shapebg {
        max-height: 390px;
    }

    .confirmdelete-mobimgDiv .setting-purpleline {
        height: 132px;
        top: 50%;
        transform: translate(-10%, -50%);
    }
}

@media screen and (max-width: 991px) {
    .deleteaccount-title {
        font-size: 28px;
    }

    .accountbannerkey-img {
        width: 105px;
        bottom: 25px;
    }

    .accountbanner-shapebg {
        max-height: 305px;
    }

    .settingmobile-imgDiv {
        padding-left: 0px;
    }

    .setting-purpleline {
        height: 162px;
        right: 0px;
        top: 35px;
    }

    .py-100 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .settingbanner-key {
        height: 105px;
    }

    .settingbanner-shapebg {
        max-height: 262px;
    }

    .settingmobile-img {
        max-width: 180px;
    }

    .deletemedium-title {
        font-size: 25px;
    }

    .deletebanner-shapebg {
        max-height: 355px;
    }

    .deleteaccount-purpleline {
        left: -14px;
        height: 165px;
        bottom: 40px;
    }

    .deletebanner-key {
        height: 175px;
    }

    .confirmdelete-section .settingbanner-key {
        height: 130px;
    }

    .confirmdelete-mobimgDiv .setting-purpleline {
        height: 110px;
        top: 52%;
        transform: translate(-23%, -50%);
    }
}

@media screen and (max-width: 820px) {
    .deleteaccount-title {
        font-size: 25px;
    }

    .settingbanner-shapebg,
    .deletebanner-shapebg {
        max-height: 235px;
    }

    .settingmobile-img {
        max-width: 172px;
    }

    .setting-purpleline {
        height: 147px;
        right: 19px;
    }
}

@media screen and (max-width: 767px) {
    .deleteaccount-banner {
        height: auto;
        padding: 25px 0;
    }

    .bannermobile-img {
        max-width: 350px;
        display: block;
        margin: 0 auto;
    }

    .setting-purpleline {
        height: 130px;
        right: -41px;
    }

    .settingbanner-key {
        height: 75px;
    }

    .deleteaccount-purpleline {
        left: -27px;
        height: 130px;
    }

    .deletebanner-key {
        height: 120px;
    }

    .confirmdelete-section .settingbanner-key {
        height: 80px;
    }

    .confirmdelete-mobimgDiv .setting-purpleline {
        height: 108px;
        transform: translate(0%, -50%);
    }

    /* .copyright-para {
        text-align: center;
    }

    .social-ullist {
        justify-content: center;
        gap: 15px
    } */
}

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

    .deletemedium-title {
        font-size: 20px;
    }

    .bannermobile-img {
        max-width: 260px;
    }

    .accountbannerkey-img {
        width: 55px;
    }

    .deleteaccount-title {
        font-size: 22px;
    }

    .deleteaccount-content .banner-paraDiv {
        line-height: normal;
    }

    .setting-purpleline,
    .deleteaccount-purpleline {
        display: none;
    }

    .settingmobile-imgDiv {
        text-align: center;
    }

    .settingbanner-shapebg {
        max-height: 320px;
    }

    .deletebanner-key {
        height: 80px;
    }

    .confirmdelete-section .settingbanner-key {
        bottom: 115px;
        right: 0px;
        height: 50px;
    }

    .confirmdelete-section .deletemedium-title {
        margin-bottom: 0px;
    }
}

@media screen and (max-width: 395px) {
    .settingbanner-shapebg {
        max-height: 262px;
    }

    .settingbanner-key {
        height: 40px;
    }
}