h1.main_heading.mobile {
    display: none;
}
/* media */
@media(min-width: 1441.98px){
    .container{
        max-width: 1360px;
    }
}

@media(min-width: 1680.98px){
    .container{
        max-width: 1580px;
    }

    .relatedpost_slider{
        /* width: calc(100% - 190px); */
    }

    .errorpage_section  .hero_caption_wrap h1 {
        font-size: 180px;
    }

    .errorpage_section p {
        font-size: 3.4rem;
    }

    .hero_caption_wrap img {
        max-width: 950px;
    }
}

@media(max-width: 1680px){
    .main_heading {
        font-size: 6.2rem;
    }

    .ranking_site span {
        top: -60px;
        left: -0px;
        font-size: 100px;
    }

    /* .topwebsite_img img {
        max-width: 570px;
        height: 320px;
    } */

    .business_outer ul {
        gap: 50px;
    }

    .business_outer {
        gap: 85px;
    }

    .business_outer ul li {
        font-size: 1.8rem;
    }

    .blog_left .blogcontent_card img {
        height: 440px;
    }

    .blog_heading h4 {
        font-size: 2.5rem;
    }

    .bread_crumb ul li,
    .bread_crumb ul li+li:before  {
        font-size: 2.5rem;
    }

    .headblog_section h1 {
        font-size: 4.8rem;
    }

    .relatedpost_slider h2 {
        font-size: 4.8rem;
    }

    .relatedposts_card img {
        height: 320px;
    }

    .contactus_form {
        /* background-size: 60% 100%; */
    }

    .heading_bold {
        font-size: 5.2rem;
    }
}

@media(min-width: 1920.98px){
    .container{
        max-width: 1900px;
    }
}
@media(max-width: 1560px) and (min-width: 1442px){
    .banner_imgsection::after {
        right: -53px;
    }
}
@media(max-width: 1440px){
    .btn {
        padding: 16px 35px;
    }

    .main_heading {
        font-size: 5.2rem;
    }

    .heading_bold {
        font-size: 4.6rem;
    }

    .banner_desc {
        font-size: 1.8rem;
        max-width: 538px;
    }

    .banner_imgsection::after {
        top: 30px;
        right: -82px;
        width: 230px;
        height: 230px;
    }
    .banner_imgsection::before {
        bottom: 40px;
        left: -65px;
        width: 180px;
        height: 180px;
    }

    .business_left h3 {
        font-size: 3.0rem;
    }

    span.buss_icon {
        min-width: 50px;
        height: 50px;
    }

    .topwebsites_head h2, 
    .contact_left h2, 
    .faq-head h2,
    .topwebsites_inner h2 {
        font-size: 4.8rem;
    }

    .ranking_site span {
        top: -50px;
        left: -0px;
        font-size: 85px;
    }

    .para {
        font-size: 1.6rem;
    }
/* 
    .topwebsite_img img {
        max-width: 510px;
        height: 285px;
    } */

    .topwebsites_cards{
        gap: 80px;
    }

    label {
        font-size: 1.8rem;
    }

    .contact_right .form_inner {
        padding: 50px 40px;
    }

    .contact_left p {
        font-size: 1.8rem;
        margin: 10px 0 24px;
    }

    .contact_left h4 {
        font-size: 2.6rem;
    }

    .contactus_form .form-group {
        margin: 0 0 22px;
    }

    .acc__title {
        font-size: 2.0rem;
    }

    .acc__card {
        padding: 42px 0;
    }
    
    .descB {
        font-size: 1.6rem;
    }

    .acc__title::after {
        width: 24px;
        height: 24px;
    }

    .footer_col h4 {
        font-size: 2.0rem;
    }

    .about_banner_image {
        max-width: 510px;
    }

    .about_banner_content {
        width: calc(100% - 510px);
    }

    .check_icon {
        max-width: 24px;
    }

    .description p {
        font-size: 1.8rem;
    }
    .description  {
        font-size: 1.8rem;
    }
    .errorpage_section  .hero_caption_wrap h1 {
        font-size: 120px;
    }

    .errorpage_section p {
        font-size: 2.5rem;
    }

    .errorpage_section .btn {
        font-size: 1.8rem;
    }

    .hero_caption_wrap img {
        margin: 50px 0  0;
        max-width: 600px;
    }

    .contactus_section h2 {
        font-size: 2.8rem;
        margin: 0 0 40px;
    }

    .contactus_section .form_inner {
        max-width: 680px;
        padding: 35px 40px 50px;
    }

    .contactus_section h2 {
        font-size: 2.4rem;
        margin: 0px 0 34px;
    }

    .termsof_use_section .h3 {
        font-size: 24px;
    }

    .eligibility_right {
        padding: 26px 0 26px 60px;
    }

    .website_readmore a {
        padding: 16px 30px;
    }

    .business_outer ul li {
        font-size: 1.6rem;
    }

    .business_outer {
        gap: 70px;
    }

    .business_outer ul {
        gap: 45px;
    }

    .business_outer {
        padding: 52px 70px 52px 70px;
    }

    .form-control {
        font-size: 1.5rem;
        height: 45px;
    }

    .form_inner textarea {
        min-height: 100px;
    }

    .bread_crumb ul li,
    .bread_crumb ul li+li:before  {
        font-size: 2.2rem;
    }

    .blog_left .blogcontent_card img {
        height: 360px;
    }

    .blogabout_section {
        gap: 36px;
    }

    .blog_heading h4 {
        font-size: 2.2rem;
    }

    .innercontentblog_section {
        gap: 60px;
    }

    .blog_heading {
        width: 48%;
    }

    .blog_decscription {
        width: 52%;
    }

    .posts-section ul.posts-lists li a span {
        font-size: 1.6rem;
    }
    
    .blogcontent_card {
        margin: 0 0 60px;
    }

    .headblog_section h1 {
        font-size: 4.0rem;
    }

    .headblog_section ul.bussiness_date {
        padding-bottom: 50px;
        margin-bottom: 50px;
    }

    .sub-head {
        font-size: 3.2rem;
    }

    .nav-right a.btn.full_btn {
        padding: 16px 32px;
    }

    .contactus_section label {
        font-size: 1.6rem;
    }

    .contactus_form {
        /* background-size: 65% 100%; */
    }

    .contactus_section p,
    .callus_email_section p {
        font-size: 1.8rem;
    }

    .callus_email_section h4 {
        font-size: 2.2rem;
        line-height: 145%;
    }

    .callus_email_section {
        padding: 45px 0 70px;
        gap: 130px;
    }

    .contact_icons {
        width: 24px;
        height: 26px;
    }

    .contactus_section p,
    .callus_email_section p {
        font-size: 1.6rem;
    }

    .callus_email_section h4 {
        font-size: 2.0rem;
        line-height: 124%;
    }

    .contactus_form {
        /* background-size: 70% 100%; */
    }

    .blogimage_card img {
        height: 225px;
    }

    .share_article span {
        font-size: 2.2rem;
        margin: 0 32px 0 0;
    }


    .previous_posts ul li img {
        width: 60px;
        height: 60px;
    }

    .previous_posts ul li a {
        font-size: 2.0rem;
    }

    .previous_posts ul li {
        gap: 25px;
        padding: 20px 0;
    }

    .banner_imgsection {
        height: 480px;
    }

}

@media(max-width: 1366px){
    .container {
        max-width: 1180px;
    }

    .business_outer ul {
        gap: 30px;
    }
    .contactus_section .form_inner {
        max-width: 55%;
    }
}

@media (max-width: 1280px){

    .navbar-brand {
        font-size: 20px;
    }

    .banner_imgsection img {
        max-width: 540px;
    }

    .banner_imgsection,
    .banner_content {
        width: 50%;
    }

    .main_heading, .heading_bold {
        font-size: 4.4rem;
    }

    .banner_content .main_heading {
        max-width: 500px;
    }

    .banner_imgsection::after {
        right: -50px;
        width: 180px;
        height: 180px;
    }

    .banner_imgsection::before {
        left: -50px;
        width: 140px;
        height: 140px;
    }

    .banner_section {
        padding: 140px 0 80px;
    }

    .section {
        padding: 80px 0 0;
    }
    .aletrmind_section{
        padding-bottom: 80px;
    }

    .business_outer {
        padding: 40px 30px;
    }

    .business_left h3 {
        font-size: 2.6rem;
    }

    .topwebsites_head h2, .contact_left h2, .faq-head h2, .topwebsites_inner h2 {
        font-size: 4.0rem;
    }

    .business_outer {
        gap: 60px;
    }
/* 
    .topwebsite_img img {
        max-width: 480px;
        height: 260px;
    } */

    .ranking_site span {
        top: -38px;
        left: -0px;
        font-size: 68px;
    }

    .topwebsites_cards {
        padding: 85px 0px 85px;
    }
    .topwebsites_cards.rankbg_card{
        padding: 85px 20px 85px;
    }
    .form_inner textarea {
        min-height: 100px;
    }

    .inner_contect_section {
        gap: 20px; 
        padding: 80px 0 65px;
    }

    label {
        font-size: 1.6rem;
        margin: 0 0 12px;
    }

    .contact_left p {
        font-size: 1.6rem;
        margin: 14px 0 24px;
    }

    .contact_left h4 {
        font-size: 2.2rem;
    }

    .send_mail {
        font-size: 1.6rem;
    }

    .contact_right .form_inner {
        padding: 38px 32px;
    }

    .faq-head {
        max-width: 900px;
    }

    .footer_col.col_one a img {
        max-width: 264px;
        width: 100%;
    }

    .innerfooter_section {
        max-width: 1080px;
    }

    .footer_col.col_two {
        width: 10%;
    }

    .innerfooter_section {
        max-width: 980px;
        padding: 80px 0 50px;
    }

    .footer-bottom {
        padding: 30px 0 40px;
    }
    /* .eligibility_section {
        padding: 80px 0 80px;
    } */

    .topwebsites_cards {
        gap: 60px;
    }

    .about_banner_wrapper {
        gap: 60px;
    }

    .about_banner_image {
        max-width: 420px;
    }

    .about_banner_content {
        width: calc(100% - 420px);
    }

    .hero_caption_wrap img {
        max-width: 480px;
    }

    .errorpage_section  .hero_caption_wrap h1 {
        font-size: 92px;
    }

    .errorpage_section p {
        font-size: 2.0rem;
    }

    .errorpage_section .btn {
        padding: 14px 36px;
    }

    .website_readmore a.contact_btnicon {
        width: 42px;
        height: 42px;
    }
    .privacy_section .main_heading {
        margin: 0 0 40px;
    }

    .privacy_section .h3 {
        font-size: 24px;
    }

    .termsof_use_section .description p {
        margin: 0 0 18px;
    }
    .termsof_use_section .description  {
        margin: 0 0 18px;
    }
    .website_readmore a {
        padding: 14px 24px;
        font-size: 1.5rem;
        line-height: 120%;
    }

    .website_readmore a.contact_btnicon img {
        width: 16px;
        height: 16px;
    }

    .blogabout_section {
        gap: 15px;
    }

    .blog-right-cards h4 {
        font-size: 2.6rem;
    }

    .contentblog_section{
        padding: 80px 0;
    }

    .blog_left {
        width: calc(100% - 350px);
    }

    .blog_right {
        max-width: 350px;
    }

    .innercontentblog_section {
        gap: 40px;
    }

    .bread_crumb ul li,
    .bread_crumb ul li+li:before  {
        font-size: 2.0rem;
    }

    .navbar-collapse .navbar-nav {
        gap: 48px;
    }

    .contactus_form {
        padding: 60px 0;
        /* background-size: 68% 100%; */
    }

}

@media(max-width: 1279.98px){
    .container {
        max-width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }
    .navbar-collapse {
        gap: 25px;
    }
    .nav-right {
        gap: 8px;
    }
    .nav-right li a{
        padding: 12px 28px;
    }
    .navbar-collapse .navbar-nav {
        gap: 40px;
    }
    .about_banner_image {
        width: 400px;
    }
    .list li p {
        font-size: 1.8rem;
        /* font-weight: 300; */
    }
    .list li {
        font-size: 1.8rem;
    }
    .banner_wrapper {
        gap: 22px;
    }

    .banner_imgsection::after {
        right: -30px;
    }

    .contact_left {
        width: 46%;
    }

    .contact_right {
        width: 54%;
    }

    .contact_right .form_inner {
        padding: 38px 24px;
    }

    .banner_imgsection img {
        max-width: 540px;
    }

    .nav-right a.btn.full_btn {
        padding: 14px 26px;
    }

    .navbar-collapse .navbar-nav {
        gap: 32px;
    }
    .headblog_section h1 {
        font-size: 3.6rem;
    }
    
    .blogimage_card img {
        width: 45%;
    }
    
    .relatedpost_slider h2 {
        font-size: 3.6rem;
    }
    
    .singlepost_description .sub-head {
        font-size: 3rem;
    }
    
}

@media (max-width: 1024px){

    .navbar-brand img {
        max-width: 205px;
    }

    .main_heading, .heading_bold {
        font-size: 3.8rem;
    }

    .banner_desc {
        font-size: 1.6rem;
    }

    .banner_wrapper {
        gap: 15px;
    }

    .banner_imgsection img {
        max-width: 450px;
    }

    .banner_imgsection::before {
        left: -30px;
    }

    .business_left {
        max-width: 100%;
    }

    .business_outer ul li p {
        max-width: 100%;
    }

    .business_outer {
        gap: 20px;
        flex-direction: column;
        align-items: flex-start;
    }

    span.buss_icon {
        min-width: 40px;
        height: 40px;
    }

    .topwebsites_head h2, .contact_left h2, .faq-head h2, .topwebsites_inner h2 {
        font-size: 3.6rem;
    }

    .acc__card {
        padding: 34px 0;
    }

    .footer_col.col_one a img {
        max-width: 220px;
        width: 100%;
    }

    .ranking_site span {
        top: -30px;
        left: -0px;
        font-size: 56px;
    }
    /* .topwebsite_img img {
        max-width: 380px; 
        height: 210px; 
    } */

    .business_outer {
        padding: 32px 16px;
    }

    .topwebsites_cards {
        padding:75px 0px 75px;
    }
    .topwebsites_cards.rankbg_card {
        padding: 75px 20px 75px;
    }
    .topwebsites_cards {
        gap: 40px;
    }

    .about_banner_wrapper {
        gap: 50px;
    }

    .contactus_section h2 {
        font-size: 2.2rem;
    }

    .privacy_section .h3 {
        font-size: 22px;
    }

    .privacy_section .main_heading {
        margin: 0 0 30px;
    }

    .termsof_use_section .h3 {
        font-size: 20px;
        margin-bottom: 36px;
    }

    span.buss_icon img {
        width: 30px;
        height: 30px;
    }

    .blogabout_section {
        flex-direction: column;
    }

    .blog_heading, .blog_decscription {
        width: 100%;
    }

    .blog_left .blogcontent_card img {
        height: 300px;
    }

    .blog-right-cards h4 {
        font-size: 2.4rem;
    }

    .contentblog_section {
        padding: 60px 0;
    }
    .bread_crumb ul li,
    .bread_crumb ul li+li:before {
        font-size: 1.8rem;
    }

    .contact_icons {
        width: 20px;
        height: 22px;
    }

    .singlepost_description p {
        font-size: 1.6rem;
        margin: 0px 0 30px;
    }

    .headblog_section ul.bussiness_date {
        padding-bottom: 35px;
        margin-bottom: 35px;
    }

    .banner_imgsection {
        height: 395px;
    }

}

@media (max-width: 992px){
    .footer_col.col_two {
        width: 30%;
    }
    .about_banner_image {
        max-width: 384px;
    }    
    .about_banner_wrapper {
        gap: 30px;
    }
    .image-top {
        max-width: 280px;
    }
    .image-bottom {
        max-width: 220px;
        bottom: 60px;
    }
    .innerfooter_section {
        flex-wrap: wrap;
        gap: 48px 48px;
    }
    .image-top::before {
        right: -60px;
        top: 100px;
    }
    .footer_col h4 {
        font-size: 2.0rem;
    }

    .footer_col.col_one p,
    .footer_col.col_one {
        max-width: 100%;
        width: 100%;
    }

    .footer_col.col_three {
        width: 50%;
    }

    .innerfooter_section {
        gap: 38px 38px;
        padding: 60px 0 50px;
    }

    .footer_col h4 {
        margin: 0 0 30px;
    }

    .banner_imgsection::before {
        width: 110px;
        height: 110px;
    }

    .banner_imgsection::after {
        width: 140px;
        height: 140px;
    }

    .website_readmore a {
        font-size: 1.4rem;
        white-space: nowrap;
        line-height: 140%;
    }

    .inner_contect_section {
        gap: 20px;
        padding: 60px 0 60px;
    }

    .website_readmore {
        gap: 12px;
    }

    .website_readmore a.contact_btnicon img {
        width: 15px;
        height: 15px;
    }

    .website_readmore a.contact_btnicon {
        width: 40px;
        height: 40px;
    }

    .blogpost_section {
        height: 600px;
    }

    .contactus_form {
        background: #2C01D5 url(../../images/contact_gridbg.png) no-repeat;
        background-size: cover;
        background-position: center;
    }

    .contactus_section .form_inner {
        margin: 0 auto;
        border-radius: 15px;
        max-width: 700px;
    }

    .contactus_section h2 {
        margin: 0px 0 25px;
    }

    .callus_email_section {
        gap: 80px;
    }

    .callus_email_section {
        padding: 35px 0 60px;
    }

    .share_article span {
        font-size: 1.8rem;
    }

}

@media(max-width: 991.98px){
    /* .eligibility_section.section {
        padding: 60px 0 60px;
    } */
    .about_banner_image {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .background {      
        padding: 60px 0;
    }
    .about_banner_content { 
        width: 100%;
    }
    .navbar-toggler:focus{
        outline: none;
        -webkit-box-shadow: none;
                box-shadow: none;
    }
    .navbar-toggler-icon {
        position: relative;
        border-bottom: 2px solid #120D34;
      }

      .navbar-toggler-icon:before,
      .navbar-toggler-icon:after {
        position: absolute;
        content: '';
        left: 0;
        width: 40%;
        background: #120D34;
        height: 2px;
        top: 0;
        border-radius: 4px;
      }

      .navbar-toggler .navbar-toggler-icon:after{
        width: 0;
        height: 0;
      }

      .navbar-toggler.active .navbar-toggler-icon {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        border: 0;
    }
    .navbar-toggler.active .navbar-toggler-icon:before {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        width: 100%;
        top: 50%;
    }
    .navbar-toggler.active .navbar-toggler-icon:after {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
        top: 50%;
        width: 100%;
    }

    .navbar-toggler.active  .navbar-toggler-icon:after{
        width: 100%;
        height: 2px;
      }

    .navbar-collapse.active {
        display: block;
        position: absolute;
        top: 100%;
        width: 100%;
        left: -20px;
    }
      .navbar-toggler-icon:before {
        top: 0;
        width: 100%;
      }
    
      [aria-expanded="true"] .navbar-toggler-icon {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        border: 0;
      }
    
      [aria-expanded="true"] .navbar-toggler-icon:before {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        width: 100%;
      }
    
      [aria-expanded="true"] .navbar-toggler-icon:after {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
        top: 50%;
        width: 100%;
      }
      .navbar-toggler-icon{
        padding: 0;
        width: 40px;
        height: 10px;
      }
      .navbar-collapse {
        background: var(--whiteColor);
        border: 1px solid var(--borderColor);
        padding: 20px;
        margin: 0 20px;
      }
      .navbar-toggler{
        transition: box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
      }
      .nav-right{
        margin: 20px 0 0;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
      }
    .section {
        padding: 60px 0 0;
    }
    .aletrmind_section{
        padding-bottom: 60px;
    }

    .banner_section {
        padding: 120px 0 60px;
    }

    .contactus_section {
        padding: 120px 0 0px;
    }

    .privacy_section,
    .termsof_use_section {
        padding: 120px 0 80px;
    }

    .callus_email_section h4 {
        font-size: 1.8rem;
        line-height: 105%;
    }


    /* .box {
        padding: 0px 30px 30px 30px;
     
    } */
    
    .innercontentblog_section {
        flex-direction: column;
    }
    .blog_left {
        width: 100%;
    }
    .blog_right {
        max-width: 100%;
    }
}

@media(max-width: 820px){
    .strength_weakness_section ul.list {
        width: 100%;
        padding: 30px;
    }
    .about_banner_image {
        max-width: 70%;
    }
    .image-bottom {
        max-width: 310px;
        bottom: 0;
    }
    .image-top::before {
        right: -60px;
        top: 50px;
    }
    .about_banner_image::before {
        width: 65%;
        height: 65%;
    }
    .image-top {
        max-width: 360px;
    }
    .strength_weakness_section .flex_row {
        gap: 60px;
    }
    
    .eligibility_inner {display: block;}

    .eligibility_left {
    width: 100%;
    }

    .eligibility_right {
    padding: 20px;
    width: 100%;
    }
    h1.main_heading.mobile{
        display: block;
        text-align: center;
    }
    .main_heading.desktop{
        display: none;
    }
    .about_banner_wrapper {
        display: block;
    }
    
    .about_banner_image {
        margin-bottom: 30px;
    }
    .main_heading,
    .heading_bold {
        font-size: 3.2rem;
    }

    .topwebsites_cards {
        padding: 65px 0px 65px;
    }
    .topwebsites_cards.rankbg_card {
        padding: 65px 20px 65px;
    }
    .errorpage_section  .hero_caption_wrap h1 {
        font-size: 85px;
    }

    .errorpage_section p {
        font-size: 1.8rem;
        margin: 20px 0 35px
    }

    .errorpage_section .btn {
        font-size: 1.6rem;
    }

    .hero_caption_wrap img {
        max-width: 400px;
    }

    .contactus_section .form_inner {
        padding: 40px 36px;
    }

    .contactus_section h2 {
        margin: 0px 0 24px;
    }

    .contactus_section .submit_btn {
        margin: 40px 0 0;
    }

    .blogcontent_card {
        margin: 0 0 50px;
    }

    .blogpost_section {
        height: 500px;
    }
    
    .inner_contect_section {
        padding: 24px 0 24px;
        flex-wrap: wrap;
    }
    .contact_left {
        width: 100%;
        text-align: center;
    }
    .contact_right {
        width: 100%;
    }

    .form-group {
        margin: 0 0 18px;
    }

    .contact_right .form_inner {
        background: transparent;
        padding: 20px;
        margin: auto;
    }

    .form-control {
        border-radius: 10px;
    }

    label {
        color: var(--whiteColor);
    }

    .contactus_form label {
        color: var(--lightTextColor);
    }

    .submit_btn .btn.full_btn {
        background: var(--whiteColor);
        color: var(--primaryColor);
    }

    .banner_imgsection {
        height: 310px;
    }
}

@media(max-width: 768px){
    .container {
        padding: 0 20px;
    }

    .banner_wrapper {
        gap: 30px;
    }

    .main_heading {
        max-width: 100%;
    }

    .topwebsites_cards {
        gap: 30px;
    }

    .contact_right .form_inner {
        margin-bottom: 0px;
    }

    .faq-head{
        padding: 0px 0 40px;
    }

    .banner_imgsection img {
        max-width: 340px;
    }

    .banner_imgsection::after {
        right: -15px;
    }

    .contactus_section {
        padding: 120px 0 0px;
    }

    .privacy_section .h3 {
        font-size: 20px;
    }

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

    .bread_crumb ul li,
    .bread_crumb ul li+li:before {
        font-size: 1.6rem;
    }

    .blog_heading h4 {
        font-size: 2.0rem;
    }

    ul.bussiness_date li {
        font-size: 1.4rem;
    }

    .blog_decscription p {
        font-size: 1.6rem;
    }

    .list li p {
        font-size: 1.6rem;
    }
}
@media(max-width: 767.98px){
    .about_banner_image {
        max-width: 78%;
    }

    .website_readmore a {
        padding: 14px 20px;
    }

    .image-top::after {
        left: 10%;
    }
    .singlepost_description .sub-head {font-size: 2.7rem;}
    .topwebsite_img {
        margin-bottom: 25px;
    }
    .headblog_section h1 {
    font-size: 3.2rem;
    }
    .summary_section.section .btn_outer.flex_row {
        flex-direction: row;
    }
    .relatedposts_card {
        padding: 20px;
    }
    .relatedposts_card img {
        height: 250px;
    }
    .contact_section form {
        max-width: 90%;
        margin: auto;
    }
    .btn {
        font-size: 1.4rem;
    }
    .heading {
        font-size: 2.8rem;
    }
    .desc{
        margin: 0 0 30px;
    }
    .acc__title{
        padding-right: 50px;
        font-size: 1.8rem;
        line-height: 25px;
    }
    .acc__panel {
        padding: 10px 0 0;
        margin: 0;
    }
 
    .topwebsites_cards,
    .banner_wrapper {
        flex-direction: column-reverse;
    }

    .inner_contect_section,
    .rankbg_card,
    .form-outer {
        flex-direction: column;
    }

    .contact_left,
    .contact_right,
    .topwebsite_content,
    .topwebsite_img,
    .banner_imgsection,
    .banner_content,
    .form-outer .form-group  {
        width: 100%;
    }

    .banner_imgsection,
    .banner_content,
    .topwebsites_head,
    .topwebsite_img,
    .contact_left {
        text-align: center;
    }

   

    .banner_desc {
        margin: 0 auto;
    }

    .business_outer {
        padding: 28px 00px;
    }

    .banner_imgsection img {
        border-top-left-radius: 30px;
    }

    .topwebsites_head .desc {
        margin: 0;
    }

    .topwebsites_cards {
        padding: 48px 0px 48px;
        margin-bottom: 12px;
    }
    .topwebsites_cards.rankbg_card {
        padding: 48px 40px 48px;
    }
    .inner_contect_section {
        padding: 24px 0 24px;
    }

    .form-outer {
        gap: 0;
    }

    .form-group {
        margin: 0 0 18px;
    }

    .contact_right .form_inner {
        background: transparent;
        padding: 20px 0;
        max-width: 630px;
        margin: auto;
    }

    .form-control {
        border-radius: 10px;
    }

    label {
        color: var(--whiteColor);
    }

    .contactus_form label {
        color: var(--lightTextColor);
    }

    .submit_btn .btn.full_btn {
        background: var(--whiteColor);
        color: var(--primaryColor);
    }

    .navbar-brand img {
        max-width: 180px;
    }

    .business_left h3 {
        font-size: 2.4rem;
    }

    span.buss_icon {
        min-width: 40px;
        height: 40px;
    }

    .topwebsites_head h2, .contact_left h2, .faq-head h2, .topwebsites_inner h2 {
        font-size: 3.2rem;
    }

    .acc__card {
        padding: 28px 0;
    }    
    .footer_col h4 {
        font-size: 1.6rem;
        margin: 0 0 8px;
    }
    .description p {
        font-size: 16px;
        line-height: 150%;
        opacity: 70%;
        font-weight: 300;
       
    }
    .description {
        font-size: 18px;
        line-height: 36px;
        font-weight: 300;

    }
    .h3.content_titles {
        margin: 40px 0 10px;
    }
    .h3 {
        font-size: 20px;
        line-height: 36px;
        font-weight: 800;
    }
    .privacy_section .main_heading {
        margin: 0 0 10px;
    }
    .termsof_use_section,
    .privacy_section {
        padding: 126px 0 60px;
    }
    .termsof_use_section .h3 {
        margin-bottom: 28px;
    }
    .termsof_use_section .main_heading {
        margin: 0 auto 6px;
    }

    .termsof_use_section .description p,
    .privacy_section .description p {
        font-weight: 400;
    }
    .termsof_use_section .description ,
    .privacy_section .description  {
        font-weight: 400;
    }
    h1.main_heading.mobile {
        display: block;
        width: 100%;
        text-align: center;
    }
    .about_banner_wrapper.flex_row {
        gap: 20px;
    }

    .main_heading.desktop {
        display: none;
    }
    .topwebsites_head h2,
    .contact_left h2,
    .faq-head h2,
    .topwebsites_inner h2 {
        margin: 0 0 10px;
    }
    /* .box { 
        padding: 0px 20px 25px 20px;
    } */

    .flex_row {
        flex-direction: column;
        gap: 0;
    }
    .ranking_section .flex_row .list {
        width: 100%;
    }
    /* .list li p {
        margin-bottom: 16px;
    } */
    .list li {
        margin-bottom: 16px;
    }
    .ranking_section .topwebsites_head {
        margin-bottom: 26px;
    }

    /* .box_img {
        height: 76px;
        width: 76px;
    } */
    .h4 {
        font-size: 2.2rem;
        margin-bottom: 23px;
    }
    .eligibility_section .para {
        line-height: 28px;
        font-size: 17px;
    }
    /* .box {
        padding: 0px 29px 36px 34px;
    } */
    .eligibility_section.section .description p {
        line-height: 30px;
        font-weight: 500;
        opacity: 60%;
    }
    .eligibility_section.section .description {
        line-height: 30px;
        font-weight: 500;
        opacity: 60%;
    }
    .eligibility_section .topwebsites_head {
        margin: 0 auto 70px;
    }

    .business_left {
        width: 100%;
        text-align: center;
    }

    .business_right {
        width: 100%;
    }

    .business_outer ul {
        flex-direction: column;
    }

    .footer_col.col_one p {
        padding: 10px 0 28px;
    }
    .innerfooter_section {
        gap: 28px 28px;
    }

    .errorpage_section  .hero_caption_wrap h1 {
        font-size: 70px;
    }

    .hero_caption_wrap img {
        max-width: 300px;
    }

    .errorpage_section p {
        font-size: 1.6rem;
    }

    .banner_content .main_heading {
        margin-left: auto;
        margin-right: auto;
    }

    .blogpost_section {
        height: 400px;
    }

    .blog_left .blogcontent_card img {
        height: 228px;
    }

    .blog_left .blogcontent_card img {
        border-radius: 14px;
    }
    .about_banner_wrapper {
        display: block;
    }
    .about_banner_image {
        padding: 20px 0px;
    }
    
    .eligibility_inner {
        display: block;
    }
    
    .eligibility_left {
        width: 100%;
    }
    
    .eligibility_right {
        width: 100%;
        padding: 20px;
    }
    section.aletrmind_section.section .topwebsites_head h2 {
        text-align: left;
    }
    
    /* section.aletrmind_section.section {
        margin-bottom: 60px;
    } */
    
    .services_section .topwebsites_head h2 {
        text-align: center;
    }
    
    .service_box {
        width: 100%;
        margin: 0 !important;
        padding: 20px;
        border-radius: 9.243px;
    }
    
    .services_section .flex_row {
        gap: 20px;
    }
    
    .service_box .h4 {
        font-size:1.7rem;
    }
    
    .service_box .description p {
        text-align: justify;
        font-family: Gilroy;
        font-size: 1.4rem;
        line-height: 2rem;
        margin: 0;
    }
    .service_box .description {
        text-align: justify;
        font-family: Gilroy;
        font-size: 1.4rem;
        line-height: 2rem;
        margin: 0;
    }
    .service_box_img {
        width: 37px;
        height: 37px;
        padding: 7px;
        border-radius: 6.47px;

    }
    .strength_weakness_section ul.list {
        width: 100%;
        border-radius: 12px;
        padding: 27px;
        margin-bottom: 24px;
    }
    section.strength_weakness_section .topwebsites_head h2 {
        text-align: center;
    }
    .strength_weakness_section ul.list:last-child {
        margin-bottom: 0;
    }
    .banner_imgsection::after {
        right: 0px;
    }
    
    .banner_imgsection {
        max-width: 480px;
    }
    
    .banner_imgsection::before {
        left: 0;
    }
    .banner_imgsection img {
        border-radius: 30px;
        border-top-left-radius: 50%;
    }
}

@media(max-width: 680px){
    h1, h2, h3, h4, h5, h6, p {
        margin: 0px 0;
    }

    .bread_crumb ul li {
        line-height: 25px;
    }

    .navbar-brand {
        font-size: 16px;
    }

    .navbar-toggler-icon {
        width: 25px;
    }
    
    .footer_col.col_one,
    .footer_col.col_two,
    .footer_col.col_three{
        width: 100%;
    }
    .description p {
        font-size: 16px;

    }
    .about_banner_image {
        max-width: 90%;
    }
    .about_banner_image {
        margin-bottom: 40px;
    }
    .topwebsites_cards {
        padding: 40px 0px 40px;
    }
    .topwebsites_cards.rankbg_card {
        padding: 40px 0px 40px;
    }
    .contactus_section .form_inner {
        max-width: 700px;
        padding: 20px 15px 40px;
    }

    .contactus_section h2 {
        font-size: 2.0rem;
        margin: 0px 0 20px;
    }

    .topwebsites_cards.rankbg_card{
        border-radius: 0;
        position: relative;
    }

    .topwebsites_cards.rankbg_card:before {
        position: absolute;
        content: "";
        width: 20px;
        height: 100%;
        background: #faf9fe;
        left: -20px;
        top: 0;
    }

    .topwebsites_cards.rankbg_card:after {
        position: absolute;
        content: "";
        width: 20px;
        height: 100%;
        background: #faf9fe;
        right: -20px;
        top: 0;
    }

    .ranking_site span {
        left: -0px;
    }

    .ranking_site {
        padding-left: 20px;
    }

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

    .blogpost_section .hero_caption_wrap {
        flex-direction: column;
        gap: 0px;
        padding-left: 15px;
        justify-content: center;
        align-items: flex-start;
    }

    .blogpost_section h1 {
        margin: 0 0 16px;
    }

    .blog_right {
        max-width: 100%;
    }

    .blogpost_section {
        padding: 80px 0 0;
    }

    .callus_email_section {
        gap: 20px;
        flex-direction: column;
    }
    .contact_left a.btn {
        margin-top: 20px;
    }

    .previous_posts ul li a {
        font-size: 1.50rem;
    }

    .previous_posts ul li {
        gap: 12px;
    }

    .previous_posts ul li img {
        width: 45px;
        height: 45px;
    }

    .share_article ul li a img {
        max-width: 15px;
        height: 15px;
    }

    .singlepost_description p {
        margin: 0px 0 20px;
    }
    
}
@media (max-width: 550px) {
    .image-top {
        max-width: 320px;
    }
    .image-bottom {
        max-width: 250px;
        bottom: 0;
    }
    .image-top::before {
        right: -60px;
        top: 122px;
    }
    .image-top::after {
        left: 0%;
    }
}
@media (max-width: 500px) {
    .banner_imgsection::before,
    .banner_imgsection::after{
        display: none;
    }
    .navbar-brand {
        font-size: 12px;
    }
    .banner_imgsection img {
        max-width: 352px;
        height: 260px;
        object-fit: cover;
        border-top-left-radius: 30px;
    }
    .image-top {
        max-width: 280px;
    }
    .about_banner_image::before {
        width: 65%;
        height: 50%;
    }
    .image-bottom {
        max-width: 240px;
        bottom: 30px;
    }
    .about_banner_image {
        max-width: 100%;
    }
    .overlay-circle {
        width: 140px;
        height: 140px;
        font-size: 28px;
    }

    .share_article {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .share_article ul li a {
        width: 30px;
        height: 30px;
    }

    .banner_imgsection {
        height: 270px;
    }
}
@media (max-width: 380px) {
    .image-top {
        max-width: 230px;
        top: 20px;
        left: 20px;
    }
    .about_banner_image::before {
        width: 70%;
    }
    .image-bottom {
        max-width: 200px;
        bottom:0px;
    }
    .about_banner_image {
        min-height:500px;
    }

    .navbar-brand {
        font-size: 14px;
    }
}