@media only screen and (min-width: 1366px) and (max-width: 1920px) {
    
    .service-text-box {
        height: auto;
        padding: 20px;
    }
    
    .whychose-text h2 {
        width: 90%;
    }
    
}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    h1 {
        font-size: 45px;
    }

    p {
        font-size: 13px;
    }

    .menuSec ul li a {
        font-size: 12px;
        padding: 5px;
    }

    .survivor-row a {
        font-size: 12px;
    }

    .banner-main {
        margin-left: 20px;
    }

    .about-content-box {
        width: 100%;
        padding: 20px;
    }

    .about-image-box img {
        height: 530px;
    }

    .service-text-box h4 {
        font-size: 20px;
    }
    
    .banner-main img {
        height: 500px;
    }
    
    .service-text-box {
        height: auto;
        padding: 20px;
    }
    
    .saferecord-sec {
        padding: 70px 0px;
    }
    
    .whychose-text h2 {
        width: 100%;
    }
    
    .whychoose-right-box {
        padding: 30px;
    }
    
    /* inner pages */
    
    header .theme_btn {
        font-size: 13px;
        gap: 10px;
        padding: 5px 5px 5px 10px;
    }
    
    .about-content-box.iner {
        width: 100%;
    }
    
    .records-section .filters-panel {
        padding: 19px;
    }
    
    .records-section .filter-input {
        padding: 10px;
    }
    
    .contact-frm h4, .ctct-detl h4 {
        font-size: 35px;
    }
        
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    
    .top-bar-sec-main p {
        font-size: 16px;
    }
    
    .menuSec .col-md-2.col-sm-6.col-6 {
        width: 50%;
        order: 1;
    }
    
    .menuSec .col-md-8.d-none.d-md-block {
        width: 100%;
        order: 3;
    }
    
    .menuSec .col-md-2.col-sm-6.col-6.text-right {
        width: 50%;
        order: 2;
    }
    
    .menuSec ul li a:before {
        bottom: 0;
    }
    
    .hero-heading {
        font-size: 40px;
    }
    
    .search-bar input {
        font-size: 12px;
    }
    
    .search-bar input::placeholder {
        font-size: 10px;
    }
    
    #searchForm select {
        font-size: 10px;
    }
    
    .survivor-row a {
        font-size: 10px;
    }
    
    .survivor-row {
        font-size: 12px;
    }
    
    .survivor-row .divider {
        margin: 0 5px;
    }
        
    .banner-main img {
        height: 500px;
        padding-left: 10px;
        border-radius: 10px;
    }
    
    .hero-texture {
        height: 46%;
    }
    
    .about-content-box {
        width: 100%;
        padding: 20px;
    }
    
    .service-image-box img {
        height: 250px;
    }
    
    .service-text-box {
        height: auto;
        padding: 20px;
    }
    
    .service-text-box h4 {
        font-size: 17px;
    }
    
    .saferecord-sec {
        padding: 60px 0px;
    }
    
    .whychose-text h2 {
        width: 100%;
    }
    
    .whychoose-right-box {
        padding: 20px;
    }
    
    .footer-contactbox {
        padding: 0;
    }
    
    .footer-links a {
        font-size: 11px;
    }
    
    /* inner pages */
    
    .banner-main.iner img {
        height: 350px;
        padding-left: 0;
    }
    
    .about-content-box.iner {
        width: 100%;
    }
    
    .about-content-box.iner p {
        width: 100%;
    }
    
    .records-section .filters-panel {
        padding: 20px;
    }
    
    .records-section .filter-input {
        padding: 10px;
    }
    
    .survivor-sec .survivor-mainbox .survivor-content {
        padding: 20px;
    }
    
    .publication-heading {
        font-size: 40px;
    }
    
    .stages-heading {
        font-size: 40px;
    }
    
    .publication-img-wrap img {
        height: auto;
        border-radius: 10px;
    }
    
    .contact-frm h4, .ctct-detl h4 {
        font-size: 30px;
    }
    
    .login-txt {
        padding: 20px;
    }
    
    .login-txt ul li {
        font-size: 12px;
    }
    
    .whychoose-right-box p {
        font-size: 13px;
        line-height: 1.6;
    }
            
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
    .slicknav_nav a:hover {
        background: #800080;
    }
    
    .menuSec ul li a {
        padding: 15px 7px;
        font-size: 12px;
    }
    
    ul#menu {
        display: none;
    }
    
    .menuSec .col-md-8.d-none.d-md-block {
        display: none !important;
    }
    
    .menuSec .col-md-2 {
        width: 50%;
    }
    
    .slicknav_menu {
        display: block;
    }
    
    .hero-section .col-md-6 {
        width: 100%;
    }
    
    .banner-main img {
        height: 400px;
    }
    
    .hero-section .baner-social {
        height: 100%;
        padding-right: 0;
        width: 100%;
        margin: 20px 0 0px auto;
        flex-direction: inherit;
        align-items: center;
    }
    
    .hero-section .baner-social ul.social-rail {
        flex-direction: row-reverse;
        gap: 10px;
        padding-right: 20px;
    }
    
    .hero-section .baner-social .follow-line {
        width: 65px;
        /* opacity: 1; */
        flex: inherit;
        height: 1px;
        margin-top: 0;
    }
    
    .hero-section .baner-social ul.social-rail a.social-icon {
        margin-bottom: 0;
    }
    
    .hero-section .baner-social h6.follow-us-text {
        margin-top: 0;
        margin-left: 10px;
        writing-mode: inherit;
    }
    
    .hero-section .hero-texture {
        bottom: -40px;
    }
    
    .hero-bottom-block {
        padding-top: 30px;
    }
    
    .about-content-box {
        width: 100%;
        padding-left: 20px;
    }
    
    .service-sec h2 {
        font-size: 35px;
    }
    
    .service-sec .col-lg-4 {
        width: 33.333%;
    }
    
    .service-sec .service-text-box h4 {
        font-size: 16px;
    }
    
    .service-image-box img {
        height: 180px;
    }
    
    .service-sec .service-text-box {
        padding: 20px 11px 30px;
    }
    
    .service-sec .service-text-box a.theme_btn {
        padding: 4px 6px 4px 11px;
        font-size: 12px;
        gap: 8px;
    }
    .saferecord-head h6 {
        font-size: 17px;
        letter-spacing: 30px;
    }
    
    
    .whychose-sec .whychose-text h2 {
        width: 100%;
        font-size: 40px;
    }
    
    .whychose-sec .whychoose-right-box {
        padding: 20px 15px 20px;
    }
    
    .whychose-sec .whychoose-right-box h4 {
        font-size: 20px;
    }
    
    .whychose-sec .whychoose-right-box  p {
        font-size: 12px;
        line-height: 20px;
    }
    
    .whychose-left-box {
        justify-content: center;
    }
    
    .site-footer .footer-col {
        width: 50%;
        margin-bottom: 30px;
    }
    .mission-text-box h2 {
        width: 100%;
    }
    .login-txt {
        margin-top: 30px;
    }
    .cont-inner {
        width: 100%;
    }
    
    .contact-frm h4, .ctct-detl h4 {
        font-size: 25px;
    }
    
    /* new css */
    
    .slicknav_menu {
        background: #000;
    }
    
    .about-sec {
        padding: 60px 0px;
    }
    
    .service-text-box {
        height: auto;
    }
    
    .servbtns {
        margin-top: 20px;
    }
    
    .saferecord-sec {
        padding: 60px 0px;
    }
    
    .whychoose-image-box img {
        height: 480px;
    }
    
    .pricing-heading {
        font-size: 40px;
    }
    
    .site-footer {
        padding-bottom: 20px;
    }
    
    /* inner pages */
    
    h1.hero-heading.iner {
        padding-top: 0;
    }
    
    .about-content-box.iner {
        width: 100%;
    }
    
    .about-image-box.iner img {
        height: 600px;
    }
    
    .about-content-box.iner p {
        width: 100%;
    }
    
    .mission-text-box h2 {
        font-size: 40px;
    }
    
    .our-story-mainbox h2 {
        font-size: 40px;
    }
    
    h1.hero-heading.iner {
        font-size: 40px;
    }
    
    .records-section {
        padding: 60px 0px;
    }
    
    .stages-section {
        padding: 60px 0px;
    }
    
    .stages-heading {
        font-size: 40px;
    }
    
    .publication-heading {
        font-size: 40px;
    }
    
    .publication-section {
        padding-bottom: 60px;
    }
    
    .contact-frm button {
        margin: 0;
        margin-bottom: 20px;
    }
    
    .contact-frm input {
        margin-bottom: 30px;
    }
    
    .upload-page .dropzone {
        padding: 0;
        margin-bottom: 20px;
    }
    
    .upload-page .field-label {
        font-size: 12px;
    }
    
    .document-form .form-row {
        font-size: 12px;
    }
    
    .about-content-box p {
        font-size: 12px;
        line-height: 1.6;
    }
    
    .mission-content-box p {
        line-height: 1.6;
    }
    
    section.about-sec.innrabt .mission-content-box {
        height: 70px;
    }

}

@media only screen and (min-width: 520px) and (max-width: 767px) {
    
    .slicknav_nav a:hover {
        background: #800080;
    }
    
     .top-bar-sec-main p {
        font-size: 15px;
    }
        .menuSec a.theme_btn.anthr {
        padding: 4px 6px 4px 15px;
        font-size: 12px;
        gap: 12px;
    }
    
    .menuSec a.theme_btn.anthr {
        padding: 4px 6px 4px 15px;
        font-size: 12px;
        gap: 12px;
    }
    
    .hero-section .hero-top-block h1 {
        font-size: 30px;
    }
    
    .hero-section .hero-bottom-block {
        margin-top: 30px;
    }
    
    .hero-section .hero-bottom-block .survivor-row {
        font-size: 12px;
    }
    
    .hero-section .hero-bottom-block .survivor-row a {
        font-size: 12px;
        letter-spacing: 0.1px;
    }
    
    
    .hero-section .banner-main img {
        height: 300px;
    }
    
    .hero-section .baner-social {
        height: 100%;
        padding-right: 0;
        width: 100%;
        margin: 20px 0 0px auto;
        flex-direction: inherit;
        align-items: center;
    }
    
    .hero-section .baner-social ul.social-rail {
        flex-direction: row-reverse;
        gap: 10px;
        padding-right: 20px;
    }
    
    .hero-section .baner-social .follow-line {
        width: 65px;
        /* opacity: 1; */
        flex: inherit;
        height: 1px;
        margin-top: 0;
    }
    
    .hero-section .baner-social ul.social-rail a.social-icon {
        margin-bottom: 0;
    }
    
    .hero-section .baner-social h6.follow-us-text {
        margin-top: 0;
        margin-left: 10px;
        writing-mode: inherit;
    }
    
    .hero-section .hero-texture {
        bottom: -40px;
    }
    .about-sec .about-content-box {
        width: 93%;
        padding-left: 0;
        padding-right: 10px;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 30px;
    }
    
    .about-sec .row > div:nth-child(1) {
        order: 2;
      }
      .about-sec .row > div:nth-child(3) {
        order: 2;
      }
      
      .service-sec h2 {
        font-size: 30px;
        line-height: 1.2;
    }
    .service-main-box {
        margin-bottom: 30px;
    }
    .service-main-box {
        margin-bottom: 30px;
    }
    
    .saferecord-sec h2 {
        font-size: 31px;
        line-height: 1.2;
    }
    
    .saferecord-sec h6 {
        letter-spacing: 10px;
    }
    
    .saferecord-sec h3 {
        font-size: 22px;
    }
        .whychose-sec .whychose-text h2 {
        width: 100%;
        font-size: 35px;
    }
    
    .whychose-sec .whychoose-right-box {
        padding: 40px 20px 80px;
    }
    
    .pricing-section h2.pricing-heading {
        font-size: 40px;
    }
    
    .pricing-section .pricing-card {
        margin-bottom: 10px;
    }
    
    .pricing-section .pricing-col {
        margin-bottom: 20px;
    }
    .testi-card .testi-card-inner {
        display: block;
    }
    
    .testi-card .testi-card-inner img {
        margin: 0 auto 10px;
    }
    
    .testi-card .testi-card-inner .testi-info-col {
        max-width: 100%;
        width: 100%;
        margin: 0 auto 20px;
        display: block;
        text-align: center;
    }
    
    .testi-card .testi-card-inner .testi-info-col .testi-stars {
        justify-content: center;
    }
    .footer-about-box {
        max-width: 100%;
    }
    
    .footer-ribbons img {
        width: 41%;
    }
    
    .site-footer .footer-link-box {
        text-align: center;
    }
    
    .site-footer .footer-link-box h6.footer-title {
        width: auto;
        margin-top: 20px;
    }
    
    .site-footer .footer-mailbox img {
        width: 100%;
        margin-top: 0;
    }
    
    .site-footer .footer-contactbox {
        padding-left: 0;
        text-align: center;
    }
    
    .site-footer .footer-contactbox h6.footer-title {
        width: auto;
        margin-top: 20px;
    }
    
    .site-footer .footer-contactbox .footer-contact-item {
        justify-content: center;
        margin-bottom: 20px;
    }
    .about-sec.innrabt {}
    
    .about-sec.innrabt .row > div:nth-child(1) {
        order: inherit;
    }
    
    .about-sec.innrabt .row > div:nth-child(3) {
        order: inherit;
    }
    
    .about-sec.innrabt .mission-content-box.iner {
        display: none;
    }
    
    .about-sec.innrabt .about-image-box.iner {
        margin-bottom: 30px;
    }
    
    .mission-about-sec h2 {
        width: 100%;
    }
    
    .mission-about-sec .mission-text-box {
        margin-bottom: 30px;
    }
    .our-story-mainbox h2 {
        font-size: 35px;
    }
    .records-section .results-header-row {
        flex-direction: column;
    }
    
    .records-section .results-header-row div {
        margin-bottom: 10px;
    }
    
    .records-section  .rs-flash.rs-flash-ok {
        padding: 12px 8px;
    }
    
    .records-section .rs-snapshot {
        padding: 16px 8px;
        font-size: 12px;
    }
    
    .records-section .rs-snapshot .rs-snapshot-actions {}
    
    .records-section .rs-snapshot .rs-snapshot-actions button.rs-btn.rs-btn-primary {
        padding: 10px 9px;
        font-size: 10px;
    }
    
    .records-section .rs-snapshot .rs-snapshot-actions a.rs-btn {
        padding: 10px 11px;
        font-size: 10px;
    }
    
    div#recordsList {}
    
    div#recordsList h2.rc-name {
        font-size: 20px;
    }
    
    .rc-body ul.nav.rc-tabs {
        margin: 0 0px 20px;
        display: block;
    }
    
    .rc-body ul.nav.rc-tabs button.nav-link.active {}
    
    .rc-body ul.nav.rc-tabs button.nav-link {
        padding: 12px 7px;
        font-size: 10px;
    }
    
    .rc-body ul.nav.rc-tabs li {
        display: inline-block;
    }
    
    .rc-photos a {
        display: inline-block;
        width: 47%;
        margin-bottom: 10px;
        margin-right: 5px;
    }
    
    #rec0-tab8 .rc-photos {
        display: block;
    }
    
    .rc-photos a img {
        width: 100%;
    }
    
    .survivor-sec .survivor-mainbox .survivor-content {
        padding: 40px 10px;
        width: 70%;
    }
    
    .survivor-sec .survivor-mainbox {
        justify-content: flex-end;
    }
    
    .survivor-sec .survivor-mainbox .survivor-image {
        width: 30%;
    }
    .survivor-sec .survivor-mainbox:hover::before {
        width: 70%;
    }
    .stages-section h2.stages-heading {
        font-size: 35px;
    }
    
    .stages-section p.stages-sub {
        max-width: 100%;
    }
    
    .stages-section .stage-card {
        padding: 40px 10px;
    }
    
    .publication-section h2.publication-heading {
        font-size: 32px;
    }
    .login.sec .login-txt {
        margin-top: 20px;
        padding: 40px 15px 25px 10px;
    }
    .login-txt form#registerForm ul {
        flex-direction: column;
    }
    div#rc-body-10 button.nav-link {
        padding: 12px 3px;
    }
    div#rc-body-6 button.nav-link {
        padding: 12px 3px;
    }
    .contact-sec .contact-frm {
        padding: 75px 20px 0px;
        margin-bottom: 20px;
    }
    
    .contact-sec .ctct-detl {
        padding: 75px 10px 120px;
        margin-top: 20px;
    }
    
    .contact-frm h4, .ctct-detl h4 {
        font-size: 30px;
    }
    
    /* new css */
    
    .slicknav_menu {
        background: #000;
    }
    
    span.btn-arw {
        width: 30px;
        height: 30px;
    }
    
    .header-logo img {
        width: 120px;
    }
    
    .hero-left-col {
        padding-top: 0;
    }
    
    .follow-us-text {
        font-size: 16px;
        width: 120px;
    }
    
    .about-sec {
        padding: 60px 0px;
    }
    
    .container-fluid.padd-all {
        padding-right: var(--bs-gutter-x, 0.75rem);
        padding-left: var(--bs-gutter-x, 0.75rem);
    }
    
    .about-sec .row:before {
        display: none;
    }
    
    .about-image-box img {
        height: auto;
    }
    
    .service-image-box img {
        height: 250px;
    }
    
    .service-text-box {
        height: auto;
        padding: 20px;
    }
    
    .service-text-box h4 {
        font-size: 20px;
    }
    
    .servbtns {
        margin-top: 20px;
    }
    
    .service-sec {
        padding-bottom: 50px;
    }
    
    .saferecord-sec {
        padding: 60px 0px;
    }
    
    .whychose-sec {
        padding: 60px 0px;
    }
    
    .whychoose-image-box img {
        height: auto;
        border-radius: 10px;
        margin-bottom: 20px;
    }
    
    .whychoose-right-box h4 {
        font-size: 20px;
    }
    
    .whychoose-right-box p {
        font-size: 12px;
        line-height: 1.6;
    }
    
    .pricing-card {
        padding: 20px;
    }
    
    .price-amount {
        font-size: 50px;
        line-height: 1;
    }
    
    .feature-list li {
        font-size: 13px;
        line-height: 1.2;
    }
    
    .pricing-section {
        padding-bottom: 60px;
    }
    
    .testimonial-heading {
        font-size: 30px;
    }
    
    .testi-text {
        border: 0;
        padding: 10px;
    }
    
    .testi-quote-mark > img {
        width: 50px;
    }
    
    .testi-quote-mark {
        bottom: -20px;
    }
    
    .testimonial-sec {
        padding-bottom: 60px;
    }
    
    .footer-copyright p {
        font-size: 13px;
    }
    
    .about-content-box h2 {
        font-size: 30px;
    }
    
    .footer-ribbons {
        margin: 0 auto;
        margin-bottom: 10px;
    }
    
    /* inner pages */
    
    h1.hero-heading.iner {
        padding-top: 0;
    }
    
    .about-image-box.iner img {
        height: auto;
    }
    
    .about-iner-text {
        margin-top: 0;
    }
    
    .about-content-box.iner p {
        width: 100%;
    }
    
    .about-content-box.iner {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    
    .mission-text-box h2 {
        font-size: 30px;
    }
    
    .mission-image-box img {
        height: auto;
    }
    
    .pb-hund {
        padding-bottom: 50px;
    }
    
    .our-story-image img {
        height: auto;
    }
    
    .records-section {
        padding: 60px 0px;
    }
    
    .records-section .filters-panel {
        padding: 20px;
    }
    
    .records-section .filter-input {
        padding: 10px;
    }
    
    .stages-section {
        padding: 60px 0px;
    }
    
    .stages-section .stage-card {
        flex-direction: column;
        padding: 20px;
    }
    
    .stage-body {
        border: 0;
        padding: 0;
    }
    
    .publication-section {
        padding-bottom: 60px;
    }
    
    .compliance-sec {
        padding: 60px 0px;
    }
    
    .compliance-sec .accordion-button.collapsed {
        padding: 10px;
        font-size: 16px;
        line-height: 1.3;
    }
    
    .compliance-sec .accordion-button::after {
        font-size: 10px;
    }
    
    .compliance-sec .accordion-body {
        padding: 10px;
    }
    
    .compliance-disclosure-box {
        padding: 15px;
    }
    
    .contact-sec {
        padding: 60px 0px;
    }
    
    .cont-inner {
        width: 100%;
    }
    
    .contact-sec .contact-frm {
        border-radius: 20px;
        padding: 20px;
    }
    
    .contact-frm button {
        margin: 0;
    }
    
    .contact-sec .ctct-detl {
        padding: 20px;
        border-radius: 20px;
    }
    
    .ctct-detl ul {
        margin: 0;
    }
    
    .login.sec {
        padding: 60px 0px;
    }
    
    .login-txt h2 {
        font-size: 25px;
    }
    
    .login-txt ul li {
        font-size: 12px;
    }
    
    .login-txt {
        padding: 20px;
    }
    
    .account-form-card .back-to-login {
        font-size: 12px !IMPORTANT;
    }
    
    .account-form-card p.account-form-lead {
        font-size: 12px !IMPORTANT;
        text-align: left !important;
        line-height: 1.6 !important;
    }
    
    .terms-sec {
        padding: 60px 0px;
    }
    
    .terms-mainbox h3:before {
        display: none;
    }
    
    .records-section .record-card {
        flex-direction: column;
        padding: 20px;
    }
    
    .record-photo {
        width: 100%;
        height: 220px !IMPORTANT;
    }
    
    .record-photo > img {
        object-position: top;
    }
    
    .upload-page {
        padding: 60px 0px;
    }
    
    .upload-page .panel-card {
        padding: 20px;
    }
    
    .upload-page .dropzone {
        padding: 0;
        margin-bottom: 0 !IMPORTANT;
    }
    
    .document-form .form-row > label {
        font-size: 12px;
    }
    
    .upload-page .panel-title.undrline {
        font-size: 22px;
    }
    
    .upload-page .ack-item {
        gap: 10px;
    }
    
    .upload-page .ack-text {
        font-size: 12px;
        line-height: 1.4;
    }
        
}
    
@media only screen and (min-width: 300px) and (max-width: 519px) {
    
    .slicknav_nav a:hover {
        background: #800080;
    }
    
    .slicknav_menu {
        background: #000;
    }
    
    span.btn-arw {
        width: 30px;
        height: 30px;
    }
        
    .top-bar-sec-main p {
        font-size: 15px;
    }
    
    .menuSec a.theme_btn.anthr {
        padding: 4px 6px 4px 15px;
        font-size: 11px;
        gap: 5px;
    }
    
    .hero-section .hero-top-block h1 {
        font-size: 30px;
    }
    
    .hero-section .hero-bottom-block {
        margin-top: 30px;
    }
    
    .hero-section .hero-bottom-block .survivor-row {
        font-size: 12px;
    }
    
    .hero-section .hero-bottom-block .survivor-row a {
        font-size: 12px;
        letter-spacing: 0.1px;
    }
    
    
    .hero-section .banner-main img {
        height: 300px;
    }
    
    .hero-section .baner-social {
        height: 100%;
        padding-right: 0;
        width: 100%;
        margin: 20px 0 0px auto;
        flex-direction: inherit;
        align-items: center;
    }
    
    .hero-section .baner-social ul.social-rail {
        flex-direction: row-reverse;
        gap: 10px;
        padding-right: 10px;
    }
    
    .hero-section .baner-social .follow-line {
        width: 65px;
        /* opacity: 1; */
        flex: inherit;
        height: 1px;
        margin-top: 0;
    }
    
    .hero-section .baner-social ul.social-rail a.social-icon {
        margin-bottom: 0;
    }
    
    .hero-section .baner-social h6.follow-us-text {
        margin-top: 0;
        margin-left: 10px;
        writing-mode: inherit;
    }
    
    .hero-section .hero-texture {
        bottom: -40px;
    }
    
    .about-sec .about-content-box {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 30px;
    }
    
    .about-sec .row > div:nth-child(1) {
        order: 2;
      }
      .about-sec .row > div:nth-child(3) {
        order: 2;
      }
      
      .service-sec h2 {
        font-size: 30px;
        line-height: 1.2;
    }
    .service-main-box {
        margin-bottom: 30px;
    }
    .service-main-box {
        margin-bottom: 30px;
    }
    
    .saferecord-sec h2 {
        font-size: 31px;
        line-height: 1.2;
    }
    
    .saferecord-sec h6 {
        letter-spacing: 10px;
    }
    
    .saferecord-sec h3 {
        font-size: 22px;
    }
    .whychose-sec .whychose-text h2 {
        width: 100%;
        font-size: 30px;
    }
    
    .whychose-sec .whychoose-right-box {
        padding: 20px;
        border-radius: 10px;
    }
    
    .pricing-section h2.pricing-heading {
        font-size: 30px;
    }
    
    .pricing-section .pricing-card {
        margin-bottom: 10px;
    }
    
    .pricing-section .pricing-col {
        margin-bottom: 20px;
    }
    .testi-card .testi-card-inner {
        display: block;
    }
    
    .testi-card .testi-card-inner img {
        margin: 0 auto 10px;
    }
    
    .testi-card .testi-card-inner .testi-info-col {
        max-width: 100%;
        width: 100%;
        margin: 0 auto 20px;
        display: block;
        text-align: center;
    }
    
    .testi-card .testi-card-inner .testi-info-col .testi-stars {
        justify-content: center;
    }
    .footer-about-box {
        max-width: 100%;
    }
    
    .footer-ribbons img {
        width: 41%;
    }
    
    .site-footer .footer-link-box {
        text-align: center;
    }
    
    .site-footer .footer-link-box h6.footer-title {
        width: auto;
        margin-top: 20px;
    }
    
    .site-footer .footer-mailbox img {
        width: 100%;
        margin-top: 0;
    }
    
    .site-footer .footer-contactbox {
        padding-left: 0;
        text-align: center;
    }
    
    .site-footer .footer-contactbox h6.footer-title {
        width: auto;
        margin-top: 20px;
    }
    
    .site-footer .footer-contactbox .footer-contact-item {
        justify-content: center;
        margin-bottom: 20px;
    }
    
    .about-sec.innrabt .row > div:nth-child(1) {
        order: inherit;
    }
    
    .about-sec.innrabt .row > div:nth-child(3) {
        order: inherit;
    }
    
    .about-sec.innrabt .mission-content-box.iner {
        display: none;
    }
    
    .about-sec.innrabt .about-image-box.iner {
        margin-bottom: 30px;
    }
    
    .mission-about-sec h2 {
        width: 100%;
    }
    
    .mission-about-sec .mission-text-box {
        margin-bottom: 30px;
    }
    .our-story-mainbox h2 {
        font-size: 30px;
    }
    .records-section .results-header-row {
        flex-direction: column;
    }
    
    .records-section .results-header-row div {
        margin-bottom: 10px;
    }
    
    .records-section  .rs-flash.rs-flash-ok {
        padding: 12px 8px;
    }
    
    .records-section .rs-snapshot {
        padding: 16px 8px;
        font-size: 12px;
    }
    
    .records-section .rs-snapshot .rs-snapshot-actions button.rs-btn.rs-btn-primary {
        padding: 10px 9px;
        font-size: 10px;
    }
    
    .records-section .rs-snapshot .rs-snapshot-actions a.rs-btn {
        padding: 10px 11px;
        font-size: 10px;
    }
    
    div#recordsList h2.rc-name {
        font-size: 20px;
    }
    
    .rc-body ul.nav.rc-tabs {
        margin: 0 0px 20px;
        display: block;
    }
    
    .rc-body ul.nav.rc-tabs button.nav-link.active {}
    
    .rc-body ul.nav.rc-tabs button.nav-link {
        padding: 12px 7px;
        font-size: 10px;
    }
    
    .rc-body ul.nav.rc-tabs li {
        display: inline-block;
    }
    
    .rc-photos a {
        display: inline-block;
        width: 47%;
        margin-bottom: 10px;
        margin-right: 5px;
    }
    
    #rec0-tab8 .rc-photos {
        display: block;
    }
    
    .rc-photos a img {
        width: 100%;
    }
    
    .survivor-sec .survivor-mainbox .survivor-content {
        padding: 40px 10px;
        width: 100%;
    }
    
    .survivor-sec .survivor-mainbox {
        justify-content: flex-end;
    }
    
    .survivor-sec .survivor-mainbox .survivor-image {
        width: 100%;
    }
    .survivor-sec .survivor-mainbox:hover::before {
        width: 100%;
    }
    .stages-section h2.stages-heading {
        font-size: 30px;
    }
    
    .stages-section p.stages-sub {
        max-width: 100%;
    }
    
    .stages-section .stage-card {
        padding: 40px 10px;
    }
    
    .publication-section h2.publication-heading {
        font-size: 32px;
    }
    .login.sec .login-txt {
        margin-top: 20px;
        padding: 40px 15px 25px 10px;
    }
    .login-txt form#registerForm ul {
        flex-direction: column;
    }
    div#rc-body-10 button.nav-link {
        padding: 12px 3px;
    }
    div#rc-body-6 button.nav-link {
        padding: 12px 3px;
    }
    .contact-sec .contact-frm {
        padding: 75px 20px 0px;
        margin-bottom: 20px;
    }
    
    .contact-sec .ctct-detl {
        padding: 75px 10px 120px;
        margin-top: 20px;
    }
    
    .contact-frm h4, .ctct-detl h4 {
        font-size: 30px;
    }
    
    /* new css */
    
    .slicknav_menu {
        background: #000;
    }
    
    span.btn-arw {
        width: 30px;
        height: 30px;
    }
    
    .header-logo img {
        width: 120px;
    }
    
    .hero-left-col {
        padding-top: 0;
    }
    
    .follow-us-text {
        font-size: 16px;
        width: 120px;
    }
    
    .about-sec {
        padding: 60px 0px;
    }
    
    .container-fluid.padd-all {
        padding-right: var(--bs-gutter-x, 0.75rem);
        padding-left: var(--bs-gutter-x, 0.75rem);
    }
    
    .about-sec .row:before {
        display: none;
    }
    
    .about-image-box img {
        height: auto;
    }
    
    .service-image-box img {
        height: 250px;
    }
    
    .service-text-box {
        height: auto;
        padding: 20px;
    }
    
    .service-text-box h4 {
        font-size: 20px;
    }
    
    .servbtns {
        margin-top: 20px;
    }
    
    .service-sec {
        padding-bottom: 50px;
    }
    
    .saferecord-sec {
        padding: 60px 0px;
    }
    
    .whychose-sec {
        padding: 60px 0px;
    }
    
    .whychoose-image-box img {
        height: auto;
        border-radius: 10px;
        margin-bottom: 20px;
    }
    
    .whychoose-right-box h4 {
        font-size: 20px;
    }
    
    .whychoose-right-box p {
        font-size: 12px;
        line-height: 1.6;
    }
    
    .pricing-card {
        padding: 20px;
    }
    
    .price-amount {
        font-size: 50px;
        line-height: 1;
    }
    
    .feature-list li {
        font-size: 13px;
        line-height: 1.2;
    }
    
    .pricing-section {
        padding-bottom: 60px;
    }
    
    .testimonial-heading {
        font-size: 30px;
    }
    
    .testi-text {
        border: 0;
        padding: 10px;
    }
    
    .testi-quote-mark > img {
        width: 50px;
    }
    
    .testi-quote-mark {
        bottom: -20px;
    }
    
    .testimonial-sec {
        padding-bottom: 60px;
    }
    
    .footer-copyright p {
        font-size: 13px;
    }
    
    .about-content-box h2 {
        font-size: 30px;
    }
    
    /* inner pages */
    
    h1.hero-heading.iner {
        padding-top: 0;
    }
    
    .about-image-box.iner img {
        height: auto;
    }
    
    .about-iner-text {
        margin-top: 0;
    }
    
    .about-content-box.iner p {
        width: 100%;
    }
    
    .about-content-box.iner {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    
    .mission-text-box h2 {
        font-size: 30px;
    }
    
    .mission-image-box img {
        height: auto;
    }
    
    .pb-hund {
        padding-bottom: 50px;
    }
    
    .our-story-image img {
        height: auto;
    }
    
    .records-section {
        padding: 60px 0px;
    }
    
    .records-section .filters-panel {
        padding: 20px;
    }
    
    .records-section .filter-input {
        padding: 10px;
    }
    
    .survivor-sec {
        padding: 60px 0px;
    }
    
    .survivor-sec .survivor-mainbox {
        flex-direction: column;
    }
    
    .stages-section {
        padding: 60px 0px;
    }
    
    .stages-section .stage-card {
        flex-direction: column;
        padding: 20px;
    }
    
    .stage-body {
        border: 0;
        padding: 0;
    }
    
    .publication-section {
        padding-bottom: 60px;
    }
    
    .compliance-sec {
        padding: 60px 0px;
    }
    
    .compliance-sec .accordion-button.collapsed {
        padding: 10px;
        font-size: 16px;
        line-height: 1.3;
    }
    
    .compliance-sec .accordion-button::after {
        font-size: 10px;
    }
    
    .compliance-sec .accordion-body {
        padding: 10px;
    }
    
    .compliance-disclosure-box {
        padding: 15px;
    }
    
    .contact-sec {
        padding: 60px 0px;
    }
    
    .cont-inner {
        width: 100%;
    }
    
    .contact-sec .contact-frm {
        border-radius: 20px;
        padding: 20px;
    }
    
    .contact-frm button {
        margin: 0;
    }
    
    .contact-sec .ctct-detl {
        padding: 20px;
        border-radius: 20px;
    }
    
    .ctct-detl ul {
        margin: 0;
    }
    
    .login.sec {
        padding: 60px 0px;
    }
    
    .login-txt h2 {
        font-size: 25px;
    }
    
    .login-txt ul li {
        font-size: 12px;
    }
    
    .login-txt {
        padding: 20px;
    }
    
    .account-form-card .back-to-login {
        font-size: 12px !IMPORTANT;
    }
    
    .account-form-card p.account-form-lead {
        font-size: 12px !IMPORTANT;
        text-align: left !important;
        line-height: 1.6 !important;
    }
    
    .terms-sec {
        padding: 60px 0px;
    }
    
    .terms-mainbox h3:before {
        display: none;
    }
    
    .records-section .record-card {
        flex-direction: column;
        padding: 20px;
    }
    
    .record-photo {
        width: 100%;
        height: 220px !IMPORTANT;
    }
    
    .record-photo > img {
        object-position: top;
    }
    
    .upload-page {
        padding: 60px 0px;
    }
    
    .upload-page .panel-card {
        padding: 20px;
    }
    
    .upload-page .dropzone {
        padding: 0;
        margin-bottom: 0 !IMPORTANT;
    }
    
    .document-form .form-row > label {
        font-size: 12px;
    }
    
    .upload-page .panel-title.undrline {
        font-size: 22px;
    }
    
    .upload-page .ack-item {
        gap: 10px;
    }
    
    .upload-page .ack-text {
        font-size: 12px;
        line-height: 1.4;
    }
    
    .contact-sec .row.cont-inner {flex-direction: column-reverse;gap: 20px;}
                        
}


html,body {
    overflow-x: hidden;
}