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

    .heroContent h1 {

        font-size: 42px;
    }

    .heroContent p {

        padding-right: 6em;
        font-size: 16px;
    }

    .circ-bg {

        width: 150px;
        height: 150px;
    }

    .abt-cont h2 {
        font-size: 32px;
        font-weight: 600;
    }

    .abt-cont p {
        padding-right: 0;
    }

    .tuService .secTitle h2,
    .tuTestimonials .secTitle h2,
    .secTitle h2 {

        font-size: 36px;
    }

    .logoTxt span {

        font-size: 130px;
    }

    .telllogo img {
        width: 600px;
        margin: auto;
        display: block;
    }

    .serviceTitle h3 {

        font-size: 18px;
    }

    .why-blk {
        padding-right: 0;
    }

    .why-blk {
        margin-bottom: 24px;
    }

    .why-cont h4 {

        font-size: 20px;
    }

    .why-img-blk img {

        height: 100%;
        object-fit: cover;
    }

    .why-img-blk {

        height: 100%;
    }

    .ctaCont h2,
    .abtCTACont h2 {

        font-size: 40px;
    }

    .ftrLogo img {
        width: 160px;
    }

    .pageHeader {

        height: 350px;
    }

    .pgeCont h1 {
        font-size: 44px;
        color: #fff;
    }

    .contact-info-contain {

        padding: 25px;
    }

    .abtCTA {
        background-position: right;
    }

    .service-col-rv .service-content {
        padding-left: 0em;
    }

    .contact-info-contain h2 {
        font-size: 34px;
        margin-bottom: 4px;


    }

    .contact-info-contain p {
        font-size: 15px;
    }

    .tuCta {

        min-height: 460px;

    }
}

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

    .topinfo-blk ul {
        display: flex;
        align-items: center;
        gap: 18px;
    }

    .topSocial ul {

        gap: 20px;
    }

    .navLogo img {
        width: 115px;
    }

    .mainMenu ul {
        display: flex;
        align-items: center;
        gap: 32px;
    }

    .navBtn a {
        padding: 16px 9px;
    }

    .heroContent h1 {
        font-size: 32px;
    }

    .heroContent p {
        padding-right: 0;
        font-size: 15px;
    }

    .circ-bg {
        width: 130px;
        height: 130px;
    }

    .heroContent {

        padding: 170px 0;
    }

    .abt-cont h2 {
        font-size: 27px;
        font-weight: 600;
    }

    .tuService .secTitle h2,
    .tuTestimonials .secTitle h2,
    .secTitle h2 {
        font-size: 27px;
    }

    .why-cont-contain {

        padding-left: 0;
    }

    .ftrLink {

        margin-bottom: 24px;
    }

    .pgeCont h1 {
        font-size: 38px;
        color: #fff;
    }

    .pageHeader {
        height: 310px;
    }

    .abt-img::after {
        content: "";
        display: block;
        background-color: var(--secondary-color);
        width: 65%;
        height: 30%;
        position: absolute;
        bottom: -20px;
        left: -10px;
        margin: auto;
        z-index: -1;
    }

    .tuCta {
        min-height: 360px;

    }

    .ctaCont h2,
    .abtCTACont h2 {
        font-size: 32px;
    }

    .ctaCont a {

        margin-top: 18px;
    }

    .moreBtn a {

        padding: 14px 24px;
    }

    .service-content h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .service-content ul li {

        font-size: 15px;
    }

    .contact-info-contain h2 {
        font-size: 28px;
        margin-bottom: 4px;

    }

    .blg-cont-fl .col-md-6 {
        padding: 0 8px;
    }

    .blg-cont-fl {
        padding: 0 0 40px 0;
    }
}

@media screen and (max-width:660px) {
    .container {

        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    section {
        padding-top: 2.2em;
    }

    .topinfo-blk ul,
    .topSocial {

        justify-content: center;
    }

    .tu-hero {

        height: 100vh;
        background-position-x: 60%;
        align-items: center;
        padding-top: 0;
    }

    .topSocial {

        margin-top: 10px;
    }


    .heroContent {

        display: block;
        text-align: center;
        padding: 0;
    }

    .heroRight {

        justify-content: center;
    }

    .circ-bg {
        width: 100px;
        height: 100px;
    }

    .circ-bg svg {

        width: 60px;
    }

    .about-img-blk {

        margin-bottom: 40px;
    }

    .abt-cont h2 {
        font-size: 25px;
        font-weight: 600;
    }

    .tuAbout {
        padding-bottom: 0;
        padding-top: 3.8em;
    }

    .logoTxt span {
        font-size: 60px;
    }

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

    .testimonia-blk {
        max-width: 600px;
        margin: auto;
        margin-top: 30px;
    }

    .why-cont-contain {

        margin-top: 24px;
    }

    .tuWhy {

        padding-bottom: 2.2em;
    }

    .ctaCont h2,
    .abtCTACont h2 {
        font-size: 28px;
    }

    .ftrLogo {

        margin-bottom: 24px;
    }

    .pageHeader {
        height: 210px;
    }

    .pgeCont h1 {
        font-size: 32px;
        color: #fff;
        font-weight: 600;
    }

    .tuVM {

        margin-top: 2.2em;
    }

    .service-img-in {

        margin-bottom: 24px;
    }

    .contact-form {

        margin-top: 24px;
    }

    .abt-sb {
        width: 100px;
        height: 100px;
    }

    .abt-sb h3 {

        font-size: 20px;
    }

    .abt-sb p {
        font-size: 12px;
    }

    .stick-btn {

        right: 20px;
    }

    .mobTogg {
        display: block;
        z-index: 222;
        transition: all 0.3s;
    }

    .mainMenu {

        position: fixed;
        width: 100%;
        height: 100%;
        background-color: var(--secondary-color);
        z-index: 222;
        top: 0;
        left: 0;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    }

    .mainMenu.show {

        opacity: 1;
        visibility: visible;
    }

    .mainMenu ul {

        display: block;
        width: fit-content;
        margin: auto;
        margin-top: 4em;
    }

    .mainMenu a {

        color: #fff;
    }

    .mainMenu li {

        margin-bottom: 18px;
        text-align: center;
    }

    .navBar.stick {

        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
    }

    .rsNav {
        display: none;
    }

    .blg-inr-cont-txt h2 {
        font-size: 20px;
    }

    .blg-inr-cont {
        padding: 20px 0 50px 0;
    }

    .blg-cont-fl {
        padding: 0 0 30px 0;
    }


}

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

    .navBtn a {
        padding: 14px 8px;
        font-size: 12px;
    }

    .heroContent h1 {
        font-size: 28px;
    }

    .heroContent p {
        font-size: 14px;
    }

    .circ-bg {
        width: 80px;
        height: 80px;
    }

    .circ-bg svg {
        width: 40px;
    }

    .vmBlk h2 {
        font-size: 26px;
        font-weight: 600;
        margin-bottom: 8px;
    }

    .service-content h3 {
        font-size: 26px;
        margin-bottom: 15px;
    }


    .rsNav {

        display: block;
    }

    .dsNav {

        display: none;
    }
}

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

    .topinfo-blk ul {

        display: block;
        width: fit-content;
        margin: auto;
    }

    .topinfo-blk ul li {
        margin-bottom: 6px;
    }

    .navBar .mobTogg.open {

        top: -125px;
    }
}