@media (min-width: 1500px) {
    .container {
        max-width: 1280px;
    }
}

@media (min-width: 1800px) {
    .container {
        max-width: 1440px;
    }
}

@media only screen and (max-width: 1920px) {}

@media only screen and (max-width: 1600px) {
    h1 {
        font-size: 4rem;
    }
    h2 {
        font-size: 3rem;
    }
    h3 {
        font-size: 2rem;
    }
    .contactForm h4 {
        font-size: 2rem;
    }
    .elemTwo {
        top: -6rem;
    }
    .elemThree {
        left: 48rem;
    }
    .elemFour {
        left: 18rem;
    }
    .elemFive {
        right: 22rem;
        top: 13rem;
    }
    .animatedHead {
        font-size: 3rem;
    }
    .accordian li h4 {
        font-size: 1.1rem;
    }
    .accordian h4::after,
    .accordian h4::after {
        top: 10px;
    }
    .mega-dropdown:hover .mega-menu {
        left: -40.5rem;
    }
    .menu>li.mega-dropdown:nth-child(2):hover .mega-menu {
        left: -32rem;
    }
    .menu>li.mega-dropdown:nth-child(3):hover .mega-menu {
        left: -41rem;
    }
    .menu>li.mega-dropdown:nth-child(4):hover .mega-menu {
        left: -55.2rem;
    }
    .menu>li.mega-dropdown:nth-child(5):hover .mega-menu {
        left: -50.8rem;
    }
    .menu.navbar-nav>li:nth-child(5) .menu-under-line::before {
        width: 8.4rem
    }
    .menu.navbar-nav>li:nth-child(5) .mega-menu .about-intro h4::after {
        width: 84.4%;
    }
    .mega-menu .about-intro p {
        font-size: 12px;
    }
    .menu li a {
        padding: 8px 15px;
        font-size: 14px;
    }
    .mega-menu ul li a {
        font-size: 12px;
    }
    .cmnSecThree .imgOverlay .top h2 {
        font-size: 4rem;
    }
    .cmnSecThree .imgOverlay .bottom p {
        margin: 0;
        font-size: 16px;
    }
    .cmnSecThree .imgOverlay {
        position: absolute;
        top: 52%;
        bottom: 0;
        right: 6%;
    }
    .themeBtn i {
        width: 22px;
        height: 22px;
        min-width: 22px;
    }
}

@media only screen and (max-width: 1440px) {
    html {
        font-size: 14px;
    }
    .mega-dropdown:hover .mega-menu {
        left: -40.5rem !important;
    }
    .menu>li.mega-dropdown:nth-child(2):hover .mega-menu {
        left: -32.8rem !important;
    }
    .menu>li.mega-dropdown:nth-child(3):hover .mega-menu {
        left: -42rem !important;
    }
    .menu>li.mega-dropdown:nth-child(4):hover .mega-menu {
        left: -56.2rem !important;
    }
    .menu>li.mega-dropdown:nth-child(5):hover .mega-menu {
        left: -52.88rem !important;
    }
    .menu.navbar-nav>li:nth-child(5) .menu-under-line::before {
        width: 8.4rem
    }
    .menu.navbar-nav>li:nth-child(5) .mega-menu .about-intro h4::after {
        width: 84.4%;
    }
    .about-intro .imageOverlay {
        width: 64%;
    }
    .main-Banner {
        height: 80vh;
        padding: 4rem 4rem;
    }
    /* .cmnSecThree .imgOverlay {
                position: absolute;
                top: 52%;
                bottom: 0;
                right: 0%;
            } */
    .processSec .main-circle {
        width: 400px;
        height: 400px;
    }
    .processSec .main-circle::after {
        width: 360px;
        height: 360px;
    }
    .processSec .process-item:nth-child(2) .process-bar {
        left: -28rem;
    }
    .processSec .process-item {
        padding-left: 50px;
        margin-bottom: 50px;
    }
    .processSec .process-item:nth-child(3) {
        padding-left: 50px;
    }
    .cmnSecThree .imgOverlay {
        position: absolute;
        top: 52%;
        bottom: 0;
        right: 2%;
    }
    .processSec .process-bar {
        position: absolute;
        height: 20px;
        width: 430px;
    }
    .pricingBox {
        margin: 0 1rem;
    }
    .pricingBox ul li {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1400px) {
    .mega-dropdown:hover .mega-menu {
        left: -40.5rem;
    }
    .menu>li.mega-dropdown:nth-child(2):hover .mega-menu {
        left: -31.4rem !important;
    }
    .menu>li.mega-dropdown:nth-child(3):hover .mega-menu {
        left: -40.5rem !important;
    }
    .menu>li.mega-dropdown:nth-child(4):hover .mega-menu {
        left: -54.8rem !important;
    }
    .menu>li.mega-dropdown:nth-child(5):hover .mega-menu {
        left: -51.4rem !important;
    }
    .menu.navbar-nav>li:nth-child(5) .menu-under-line::before {
        width: 8.4rem
    }
    .menu.navbar-nav>li:nth-child(5) .mega-menu .about-intro h4::after {
        width: 84.4%;
    }
    .mega-menu ul li a {
        font-size: 12px;
    }
    .cmnSecThree .imgOverlay {
        position: absolute;
        top: 52%;
        bottom: 0;
        right: 0%;
    }
}

@media only screen and (max-width: 1366px) {
    html {
        font-size: 13px;
    }
    .mega-dropdown:hover .mega-menu {
        left: -40.5rem !important;
    }
    .menu>li.mega-dropdown:nth-child(2):hover .mega-menu {
        left: -33.66rem !important;
    }
    .menu>li.mega-dropdown:nth-child(3):hover .mega-menu {
        left: -43.2rem !important;
    }
    .menu>li.mega-dropdown:nth-child(4):hover .mega-menu {
        left: -57.4rem !important;
    }
    .menu>li.mega-dropdown:nth-child(5):hover .mega-menu {
        left: -54.5rem !important;
    }
    .menu.navbar-nav>li:nth-child(5) .menu-under-line::before {
        width: 8.4rem
    }
    .menu.navbar-nav>li:nth-child(5) .mega-menu .about-intro h4::after {
        width: 84.4%;
    }
    .about-intro img {
        width: 21rem;
    }
    .tagLine {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1199px) {
    html {
        font-size: 12px;
    }
    .main-header {
        padding: 0;
    }
    .menuWrap .menu a {
        padding: 16px 10px;
    }
    .main-header {
        position: relative;
    }
    button.ma5menu__toggle {
        display: block;
    }
    .menu-Bar {
        display: none;
        top: 50%;
        bottom: initial;
        transform: translateY(-50%);
    }
    .menuWrap.open {
        display: flex;
        left: 0px
    }
    .menuWrap {
        position: fixed;
        left: -210%;
        right: 0;
        top: 0;
        /* bottom:0; */
        margin: auto;
        background: var(--theme-color);
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
        transition: all 0.4s ease;
        z-index: 3;
        width: 100vw
    }
    ul.menu li {
        display: block
    }
    ul.menu li a {
        margin-bottom: 10px;
        padding: 0;
        display: block;
        text-align: center;
        margin-bottom: 15px;
        padding-right: 0px;
        margin-right: 0px;
        color: #fff;
        font-size: 15px;
        text-transform: capitalize
    }
    .menuWrap .menu {
        display: block;
    }
    .menu li:hover a,
    .menu li.active a {
        background: var(--black);
    }
    .menu-Bar span {
        background: var(--white);
    }
    .menu li:hover>a,
    .menu li.active>a,
    .menu>li.menu-item-has-children>.sub-menu>li.current-menu-item>a {
        background: var(--black) !important;
    }
    .menu>li.menu-item-has-children>.sub-menu>li {
        background: transparent !important;
    }
    header {
        display: flex;
        justify-content: space-between;
        padding: 10px 2rem;
        align-items: center;
    }
    .headerMenu .logo img {
        width: 12rem;
    }
    .bannertext h1 {
        padding: 2rem 0;
    }
    .elemOne {
        right: auto;
        left: 0rem;
        top: 2rem;
    }
    .elemTwo {
        top: 2rem;
        right: 2rem;
    }
    .elemThree {
        left: 50rem;
        top: 18rem;
    }
    .elemFour {
        left: 6rem;
        top: 9rem;
    }
    .elemFive {
        right: 28rem;
        top: 20rem;
    }
    .elemSix {
        left: auto;
        right: 8rem;
        top: 8rem;
    }
    .cmnSecTwo .left img {
        width: 3rem;
    }
    section {
        padding: 4rem 0rem;
    }
    .animatedHead {
        padding-left: 6rem;
    }
    h2 {
        font-size: 2rem;
    }
    h3 {
        font-size: 1.4rem;
    }
    .serviceSec .innerBox h3 {
        line-height: 1.8rem;
    }
    .serviceSec h2 {
        padding-bottom: 2rem;
    }
    .pricingBox {
        margin: 0;
        padding: 10px;
    }
    .pricingBox .tag {
        font-size: 8px;
        left: -26px;
    }
    .pricingBox ul li {
        font-size: 12px;
    }
    .pricingBox .themeBtn {
        padding: 10px;
    }
    .themeBtn i {
        width: 20px;
        height: 20px;
        min-width: 20px;
    }
    .accordian h4::after,
    .accordian h4::after {
        font-size: 10px;
        padding: 10px 12px;
        right: 12px;
        top: 8px;
    }
    .accordian li h4 {
        font-size: 14px;
        padding: 1.2rem 3.8rem 1.2rem 1rem;
    }
    .main-Banner {
        height: 80vh;
        align-items: center;
        padding: 4rem 4rem;
    }
    .main-Banner.homeBanner {
        height: 84vh;
        align-items: start;
    }
    .vMSec .offset-md-1 {
        margin: 0;
    }
    .contactForm {
        padding: 18px;
    }
    /* .contactSec .offset-md-1 {
                            margin: 0;
                            flex: 0 0 50%;
                            max-width: 50%;
                        } */
    .processSec .main-circle {
        width: 400px;
        height: 400px;
    }
    .processSec .main-circle::after {
        width: 340px;
        height: 340px;
    }
    .processSec .process-item {
        padding-left: 50px;
        margin-bottom: 40px;
    }
    .processSec .process-content {
        width: 60%;
    }
    .processSec .icon-circle {
        width: 100px;
        height: 70px;
    }
    .processSec .process-bar {
        left: -360px;
    }
    .processSec .process-item:nth-child(2) .process-bar {
        left: -34rem;
    }
    .processSec .process-item:nth-child(3) .process-bar {
        left: -350px;
    }
    .cmnSecThree .imgOverlay {
        top: 52%;
        right: -6%;
    }
    .cmnSecThree .imgOverlay .top h2 {
        font-size: 3rem;
    }
    .cmnSecThree .imgOverlay .bottom p {
        font-size: 14px;
    }
    .payment-icons {
        gap: 4px;
    }
    .contactSec h2 {
        font-size: 2rem;
    }
    footer {
        padding: 4rem 2rem 0;
    }
    .contactList .inner .right a {
        font-size: 1rem;
    }
    .contactForm label {
        display: block;
        font-size: 1rem;
        text-transform: capitalize;
        font-weight: 600;
        margin-bottom: 2px;
        color: #222;
    }
}

@media only screen and (max-width: 991px) {
    .elemThree {
        left: 36rem;
        top: 18rem;
    }
    ul.lpHeaderNav li {
        padding: 6px 12px;
        font-size: 14px;
        text-align: center;
    }
    .contactForm .field {
        margin-bottom: 8px;
    }
    .menuWrap .menu a {
        padding: 8px 10px;
        margin-bottom: 6px;
    }
    .cmnSecThree .imgOverlay .bottom p {
        font-size: 12px;
    }
    .cmnSecThree .imgOverlay .top h2 {
        font-size: 2rem;
    }
    .cmnSecThree .imgOverlay {
        top: 52%;
        right: -16%;
    }
    .processSec .main-circle {
        width: 260px;
        height: 260px;
    }
    .processSec .main-circle::after {
        width: 220px;
        height: 220px;
    }
    .processSec .process-bar {
        height: 10px;
        width: 340px;
    }
    .processSec .process-item {
        padding-left: 0px;
        margin-bottom: 0px;
    }
    .processSec .process-right {
        top: 0rem;
        flex: 0 0 50%;
    }
    .processSec .process-bar {
        height: 10px;
        width: 240px;
    }
    .processSec .process-bar {
        left: -230px;
    }
    .processSec .process-item:nth-child(2) .process-bar {
        left: -18rem;
    }
    .processSec .process-item:nth-child(3) .process-bar {
        left: -18rem;
    }
    .processSec .process-item:nth-child(3) {
        padding-left: 0px;
    }
    .processSec .process-content {
        width: 80%;
    }
    .processSec .text h4 {
        margin: 0;
    }
    .processSec .icon-circle {
        width: 100px;
        height: 50px;
    }
    .processSec .icon-circle img {
        width: 3rem;
    }
    .processSec .text p {
        margin-bottom: 10px;
        line-height: normal;
        font-size: 10px;
    }
    .contactForm h4 {
        font-size: 1.8rem;
    }
    h2 {
        font-size: 1.8rem;
    }
    .processSec .process-item:nth-child(2) {
        left: -2rem;
    }
    .accordian p {
        font-size: 12px;
    }
    footer {
        padding: 4rem 2rem 0;
    }
    .footer-contact-list li {
        margin-bottom: 4px;
    }
    .accordian li h4 {
        font-size: 12px;
    }
    .contactList .inner .right a {
        font-size: 16px;
    }
    .accordian li h4 {
        padding: 1.4rem 4rem 1.4rem 1rem !important;
    }
    .serviceSec.lpServices h3 {
        font-size: 18px;
    }
    .serviceSec.lpServices .heads img {
        width: 40px;
        height: 40px;
    }
    .main-footer.lpFooter .footer-bottom ul {
        display: flex;
        justify-content: center;
        gap: 20px;
    }
}

@media only screen and (max-width: 767px) {
    section.contactSec.bgWhiteTransparent {
        background: transparent;
    }
    header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 1rem;
    }
    .serviceSec .row.mt-5 {
        margin-top: 0 !important;
    }
    .headerMenu .logo img {
        height: 100%;
        width: 12rem;
    }
    .main-Banner {
        height: auto;
        align-items: center;
        padding: 1rem 1rem 2rem;
    }
    .topBar ul li:last-child {
        display: none;
    }
    .topBar {
        padding: 6px 1rem;
        display: none;
    }
    .topBar ul {
        justify-content: center;
    }
    .bannertext {
        padding-bottom: 2rem;
    }
    h1 {
        font-size: 3rem;
    }
    .aboutSec img {
        padding-top: 2rem;
    }
    .animatedHead {
        font-size: 2rem;
    }
    .animatedHead::before {
        height: 36px;
    }
    .orderSmTwo {
        order: 2;
    }
    .cmnSecTwo img {
        padding-bottom: 2rem;
    }
    .cmnSecTwo .left img {
        padding-bottom: 0;
        margin: 0;
    }
    .serviceSec .row .col-md-4:nth-child(2) {
        transform: translateY(0px);
    }
    .serviceSec .innerBox {
        margin: 1rem 0;
        height: auto;
    }
    .pricingBox {
        height: auto;
        margin: 1rem 30px;
        padding: 10px;
    }
    .pricingBox .tag {
        font-size: 10px;
        left: -28px;
        top: 12px;
    }
    .contactSec .offset-md-1 {
        margin: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .contactList .inner .left i {
        width: 30px;
        height: 30px;
        min-width: 30px;
        font-size: 14px;
    }
    .contactForm {
        padding: 18px;
        margin-top: 2rem;
    }
    .footer-contact-list li {
        margin-top: 8px;
    }
    .vMSec .innerBoxMain {
        display: flex;
        gap: 20px;
        margin-bottom: 2rem;
        flex-direction: column;
    }
    .vMSec .twoBtns {
        margin-bottom: 2rem;
    }
    .contactList .inner .right a {
        font-size: 14px;
    }
    .ctaOne .imgAbsl {
        display: none;
    }
    .ctaOne .inner {
        padding: 2rem;
    }
    .themeBtn {
        font-size: 14px;
    }
    footer {
        padding: 2rem 1rem 0;
    }
    .footer-newsletter {
        display: none;
    }
    .footer-payment {
        padding: 0;
    }
    .footer-contact {
        padding: 0px 0px 20px;
    }
    .footer-social i {
        font-size: 20px;
    }
    .elemOne,
    .elemTwo,
    .elemThree,
    .elemFour,
    .elemFive,
    .elemSix {
        right: 0;
        left: 0;
    }
    .elemBody .icon {
        display: none;
    }
    .elemOne {
        top: 1rem;
    }
    .elemTwo {
        top: 4rem;
    }
    .elemThree {
        top: 7rem;
    }
    .elemFour {
        top: 10rem;
    }
    .elemFive {
        top: 13rem;
    }
    .elemSix {
        top: 16rem;
    }
    section {
        padding: 3rem 0rem;
    }
    .tagLine {
        font-size: 12px;
        margin-top: 2rem;
    }
    h2 {
        font-size: 1.8rem;
    }
    .serviceSec .mb-5 {
        margin: 0px !important;
    }
    .serviceSec h2 {
        padding-bottom: 0;
    }
    .reviewsSec {
        padding: 3rem 0;
    }
    footer h5 {
        margin: 2rem 0 0;
    }
    footer ul li a,
    footer ul li span {
        text-transform: capitalize;
    }
    .payment-icons {
        margin-top: 1rem;
    }
    .ma5menu__logo {
        filter: invert(1) brightness(20.5);
    }
    .topBar ul li a {
        font-size: 12px;
    }
    .bannertext h1 {
        font-size: 2rem;
    }
    .contactForm h4 {
        font-size: 1.4rem;
    }
    .cmnSecThree .imgOverlay .top h2 {
        font-size: 2.5rem;
    }
    .cmnSecThree .imgOverlay .bottom p {
        font-size: 12px;
        margin: 0;
    }
    .cmnSecThree .imgOverlay {
        position: absolute;
        top: 48%;
        bottom: 0;
        right: auto;
        left: 54%;
    }
    .cmnSecThree .imgOverlay .bottom {
        width: 100%;
    }
    .cmnSecThree img {
        margin-bottom: 4rem;
    }
    .ctaOne {
        margin-top: 0;
    }
    .cmnSecThree {
        padding-top: 0;
    }
    .processSec .process-wrapper {
        flex-direction: column;
        gap: 20px;
        align-items: baseline;
    }
    .processSec .main-circle::after {
        display: none;
    }
    .processSec .main-circle {
        width: 240px;
        height: 240px;
    }
    .processSec .process-bar {
        display: none;
    }
    .processSec .process-item {
        margin: 0 0 1rem;
        padding: 0 !important;
    }
    .processSec .process-content {
        gap: 10px;
        width: 100%;
    }
    .processSec .icon-circle {
        width: 100px;
        height: 70px;
    }
    .processSec {
        padding: 2rem 0;
    }
    .twoBtns {
        display: block;
    }
    .ctaOne .container-fluid {
        border-radius: 40px;
    }
    .orderSmTwo img {
        margin: 2rem 0 0;
    }
    .processSec .icon-circle img {
        width: 2.5rem;
    }
    .contactList .inner {
        margin-top: 6px;
    }
    .processSec .process-content {
        display: flex;
        align-items: flex-start;
        gap: 25px;
        flex-direction: column;
    }
    .processSec .main-circle {
        height: auto;
        width: auto;
        background: 0;
        box-shadow: none;
    }
    .processSec .main-circle h2 {
        font-size: 2.2rem;
    }
    .contactSec h2 {
        font-size: 1.8rem;
    }
    .processSec .process-item:nth-child(2) {
        left: 0;
    }
    .contactSec .col-md-6.orderSmTwo {
        margin-top: 2rem;
    }
    .contactSec {
        padding-top: 1rem;
    }
    .lpBanner .contactForm {
        margin-bottom: 2rem;
    }
    ul.lpHeaderNav {
        flex-direction: column;
        gap: 10px;
        margin: 0;
    }
    .lpHeader .bannertext {
        padding-bottom: 0;
    }
    .lpHeader {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1rem 1rem;
    }
    .lpBanner .contactForm input,
    .contactForm textarea,
    .contactForm select {
        width: 100%;
        padding: 6px 10px;
        border: 1px solid #ddd;
        border-radius: 8px;
        outline: none;
        font-size: 14px;
    }
    .lpAboutSec img {
        margin-bottom: 2rem;
    }
    .lpBanner .themeBtn {
        display: inline-flex;
    }
    .main-Banner.homeBanner {
        height: 66vh;
        min-height: 46rem;
    }
    .faqSec.bgwht {
        padding: 2rem;
        background: transparent;
    }
}

@media only screen and (max-width: 575px) {
    .processSec .icon-circle {
        width: 50px;
        height: 50px;
    }
}

@media only screen and (max-width: 375px) {
    .cmnSecThree .imgOverlay {
        position: absolute;
        top: 45%;
    }
}