@media only screen and (min-width: 1366px) and (max-width: 1920px) {}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {}
@media only screen and (min-width: 992px) and (max-width: 1199px) {}
@media only screen and (min-width: 768px) and (max-width: 991px) {}
@media only screen and (min-width: 520px) and (max-width: 767px) {}
@media only screen and (min-width: 300px) and (max-width: 519px) {
    
    .mob_menu {
        display: block;
    }
    
    .container-fluid.px-5 {
        padding: 0 10px !IMPORTANT;
    }
    
    html, body {
        overflow-x: hidden !IMPORTANT;
    }
    
    .hero-title {
        font-size: 45px;
        line-height: 1.2;
        margin-bottom: 20px !IMPORTANT;
    }
    
    .btn-cta {
        font-size: 14px;
        min-height: 40px !IMPORTANT;
        padding: 0 10px !IMPORTANT;
    }
    
    .hero > .container-fluid.px-5.hero-nav > * {
        padding-left: 60px;
    }
    
    .hero-nav {
        min-height: 70px;
    }
    
    .lead-slash {display: none;}

    .hero-sub {
        font-size: 18px;
        line-height: 1.6;
        margin-bottom: 20px !IMPORTANT;
    }
    
    .container-fluid.px-5.hero-main {
        padding-top: 110px !IMPORTANT;
    }
    
    .container-fluid.px-5.hero-main video.w-100.mt-5 {
        margin-top: 20px !IMPORTANT;
    }
    
    .section-light {
        padding: 50px 0px;
    }
    
    .client-heading {
        font-size: 35px;
        line-height: 1.2;
        margin-bottom: 20px !IMPORTANT;
    }
    
    .display-2 {
        font-size: 35px;
        line-height: 1.2;
        margin-bottom: 20px !IMPORTANT;
    }
    
    .addgap {
        gap: 0;
        margin-bottom: 20px;
    }
    
    .service-card {
        padding: 20px;
        height: auto;
        min-height: auto;
    }
    
    .cta-btn {
        font-size: 16px;
        padding: 10px 20px;
        min-width: fit-content;
    }
    
    .service-card .d-flex.gap-3.align-items-center.mt-4 {
        margin-top: 10px !important;
    }
    
    .service-list li {
        font-size: 16px;
    }
    
    .center__sec__head h2 {
        font-size: 35px;
        line-height: 1.2;
    }
    
    .term__keep__head h3 {
        font-size: 40px;
        text-align: center;
    }
    
    .center__sec__head {
        margin-bottom: 20px !IMPORTANT;
    }
    
    .portfolio__overlay__inner span {
        font-size: 25px;
        line-height: 1.2;
    }
    
    .portfolio__inner__lnks a i {
        font-size: 30px;
    }
    
    .porfolio__sec__main .tab-content {
        height: auto;
    }
    
    .tab__menu__port ul {
        display: flex;
    }
    
    .tab__menu__port ul li {
        width: auto;
    }
    
    .tab__menu__port ul li a {
        font-size: 16px;
        padding: 5px 15px;
    }
    
    .tab__menu__port.pt-5 {padding: 0 !important;margin: 30px 0px;}
    
    .cta-title {
        font-size: 35px;
        line-height: 1.2;
        margin-bottom: 20px !IMPORTANT;
    }
    
    .process-intro small {
        font-size: 20px;
    }
    
    .lead {
        font-size: 16px !IMPORTANT;
        line-height: 1.6;
    }
    
    .step .content {
        padding: 15px;
    }
    
    .step p {
        font-size: 16px;
        line-height: 1.6;
    }
    
    .number-badge {
        display: none;
    }
    
    .timeline::before {
        display: none;
    }
    
    .services-section {
        padding: 60px 0px;
    }
    
    .service-card h3 {
        font-size: 25px;
    }
    
    .service-btn {
        margin-bottom: 10px;
    }
    
    .actions {
        justify-content: space-between;
    }
    
    .actions:after {
        display: none;
    }
    
    .service-price {
        font-size: 30px;
    }
    
    .quote {
        font-size: 20px;
        line-height: 1.6;
    }
    
    .accordion-body p {
        font-size: 16px;
    }
    
    section.ftr-form-sec {
        padding: 50px 0px;
    }
    
    .ftr-form-sec .row {
        padding-left: 0;
        padding-right: 0;
    }
    
    .ftr-txt.hd-txt h2 {
        width: 100%;
        font-size: 30px;
        line-height: 1.2;
        padding-bottom: 10px;
    }
    
    .ftr-txt.hd-txt p {
        width: 100%;
        font-size: 16px;
    }
    
    .ftr-txt.hd-txt ul {
        gap: 13px;
        justify-content: center;
    }
    
    .ftr-txt.hd-txt ul > li {
        width: 48%;
    }
    
    .h_s13form {
        margin-top: 30px;
    }
    
    .h_s13form form .col-lg-6.col-md-12.col-sm-12 {
        width: 100%;
    }
    
    .h_s13form form .col-lg-12.col-md-12.col-sm-12 {
        width: 100%;
    }
    
    .cta-section {
        padding-top: 50px;
        padding-bottom: 10px;
        text-align: center;
    }
    
    .logo span > img {
        width: auto;
        max-height: fit-content !important;
    }
    
    .eyebrow {
        margin-top: 30px;
    }
    
    .headline {
        font-size: 30px;
    }
    
    .email-link {
        font-size: 20px;
        margin: 10px 0px;
    }
    
    .cta-section .col-lg-8.col-xl-7 > .d-flex.gap-5 {
        flex-direction: column;
        gap: 10px !IMPORTANT;
    }
    
    .address {
        font-size: 16px;
    }
    
    .cta-section .d-flex.gap-3.align-items-center.justify-content-center {
        flex-direction: column;
    }
    
    .accordion-body {
        font-size: 16px;
    }
    
    .modal__img__sec img {display: none;}

    .banner-formInner .col-sm-8 {
        padding: 20px;
    }
    
    .LetsGetModal textarea {
        height: 100px;
    }
    
    .person small {
        font-size: 16px;
    }
    
    /* about us */
    
    body.inner_pgg .container-fluid.px-5.hero-main {
        margin-bottom: 30px;
    }
    
    .about-sec-2 {
        padding: 50px 0px;
    }
    
    .about-pg-side-img .about-inr-img-1 {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .about-sec-2 h2 {
        font-size: 35px !important;
        line-height: 1.2;
    }
    
    .about-sec-2 p.para.wow.fadeInUp {
        font-size: 16px;
        line-height: 1.6;
    }
    
    .core-values-about {
        padding: 50px 0px;
    }
    
    .core-values-about h2 {
        font-size: 35px;
    }
    
    span.abt-core-val-cntr-img {
        display: none;
    }
    
    .core-val-abt-bx h3 {
        font-size: 25px;
    }
    
    .core-val-abt-bx p {
        font-size: 18px;
        margin: 0;
    }
    
    .h2-txt {
        font-size: 35px;
        line-height: 1.2;
        margin-bottom: 20px;
    }
    
    .mobile-app-reslt-drivn p {
        font-size: 16px;
        line-height: 1.6;
    }
    
    .result-list-mobile {
        width: 100%;
    }
    
    .result-list-box-mob.result-list-box-mob1 {
        gap: 10px;
    }
    
    .result-list-box-mob.result-list-box-mob1 h4 {
        font-size: 16px;
        line-height: 1.2;
        width: 60%;
    }
    
    .rslt-rtng-mob svg {
        width: 120px;
    }
    
    /* portfolio */
    
    body.inner_pgg section.porfolio__sec__main {
        padding-bottom: 0;
    }
    
    /* packages */
    
    .newpackpg h2 {
        font-size: 35px;
        line-height: 1.2;
    }
    
    .newpackpg p {
        width: 100%;
        font-size: 16px;
        line-height: 1.6;
    }
    
    ul#myTab {
        gap: 10px;
    }
    
    .newpackpg .nav-tabs .nav-link {
        border-radius: 5px;
        margin: 0;
    }
    
    /* testimonials */
    
    section.testimonails {
        padding: 50px 0px;
    }
    
    .testimonails .titlehead h2 {
        font-size: 35px;
        line-height: 1.2;
        margin-bottom: 20px;
    }
    
    .testimonails .titlehead p {
        width: 100%;
        font-size: 16px;
        line-height: 1.6;
    }
    
    /* contact */
    
    .contact-inner-sec {
        padding: 50px 0px;
    }
    
    .contact-inner-sec p {
        font-size: 16px;
        line-height: 1.6;
    }
    
    .contact-bx {margin-bottom: 20px;gap: 10px;}
    
    .contact-inr-m-col {
        width: 100%;
    }
    
    .contact-inner-sec .row {
        justify-content: center;
    }
    
    .contact-bx img.brdr-lne-anim {
        width: 60px;
        height: 60px;
    }
    
    .contact-bx img.img-ico-anim {width: 30px;height: 30px;}
    
    .contact-bx .logo-anim-s-img-bx {width: 50px;height: 50px;}
    
    .contact-bx a span {
        font-size: 14px;
    }
    
    body.inner_pgg .contact-inner-sec {
        padding-bottom: 0;
    }
    
    .h_s13form .agre-button {
        flex-direction: column;
        align-items: baseline;
        gap: 0;
    }
    
    .h_s13form .agre-button p.bold {
        font-size: 14px;
        margin-bottom: 0;
    }
    
    /* privacy policy */
    
    section.privay-ploicy.all-sec {
        padding: 50px 0px;
    }
    
    .privy-main h6 {
        font-size: 25px;
    }
    
    /* terms */
    
    .privy-main .margin-bottom-20 h3 {
        font-size: 25px;
    }
    
    .privy-main h3 {
        font-size: 25px;
    }
    
    /**/
    
    .timeline .step:nth-child(2) {
        flex-direction: column-reverse;
    }
    
    .timeline .step:nth-child(4) {
        flex-direction: column-reverse;
    }
    
    table {
        border: 0;
      }

      thead {
        display: none;
      }

      tr {
        display: block;
        margin-bottom: 20px;
        border: 1px solid #ccc;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 1px 4px rgba(0,0,0,0.08);
      }

      td {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 10px 15px;
        border: none;
        border-bottom: 1px solid #eee;
        gap: 30px;
        text-align: center;
      }

      td:last-child {
        border-bottom: none;
      }

      td::before {
        content: attr(data-label);
        font-weight: bold;
        text-align: left;
        color: #333;
      }
      .thnkys p {
    width: 100%;
    font-size: 14px;
}
        
}