@media only screen and (max-width:1920px) and (min-width:1500px) {
    .container {
        max-width: 1365px
    }
}

@media only screen and (max-width:1600px) {
    header {
        padding-top: 2.25rem
    }

    .navbar-brand img {
        width: 13.75rem
    }

    .navbar-nav {
        gap: 2rem
    }

    .mainSlider {
        height: 970px
    }

    .slideContent h4 {
        font-size: 2.75rem
    }

    .slideContent ul a {
        font-size: 1.65rem
    }

    section {
        padding: 4.5rem 0
    }

    .heading {
        font-size: 3.25rem
    }

    .serviceContent h2,
    .subHeading {
        font-size: 1.75rem
    }

    .serviceSec {
        padding-top: 10rem
    }

    .mainheading {
        margin-bottom: 1.75rem
    }

    .serviceContent {
        padding: 1.25rem 1.75rem
    }

    .aboutSec {
        padding-bottom: 6rem
    }

    .trainingSec {
        padding: 5.5rem 0
    }

    .getSec {
        margin-bottom: -8.5rem
    }

    .getBox {
        padding: 2rem 2.5rem
    }

    .nextHeading h2 {
        font-size: 3rem
    }

    footer {
        padding-top: 13rem
    }

    .pageInner .inrbg {
        height: 600px
    }

    .pageInner h2 {
        font-size: 4.5rem
    }

    .grid img {
        border-radius: 1.25rem
    }

    .contactSec {
        margin-bottom: -15rem
    }

    .innerServices figure,
    .innerServices2 figure {
        border-radius: 1.25rem
    }

    .innerPages .partnerSec {
        padding: 7rem
    }

    .innerPages .latestSec {
        padding-bottom: 7rem
    }
}

@media only screen and (max-width:1445px) {
    header {
        padding-top: 2rem
    }

    .navbar-brand img {
        width: 12rem
    }

    .mainSlider {
        height: 920px
    }

    .slideContent h4 {
        font-size: 2.5rem
    }

    .slideContent ul a {
        font-size: 1.55rem
    }

    section {
        padding: 4rem 0
    }

    .heading {
        font-size: 3rem
    }

    .serviceContent h2,
    .subHeading {
        font-size: 1.65rem
    }

    .serviceSec {
        padding-top: 8rem
    }

    .mainheading {
        margin-bottom: 1.5rem
    }

    .serviceContent {
        padding: 1.25rem 1.5rem
    }

    .testimonialSlider .swiper-pagination .swiper-pagination-bullet {
        width: 1.25rem;
        height: 1.25rem
    }

    .aboutSec {
        padding-bottom: 5rem
    }

    .trainingSec {
        padding: 5rem 0
    }

    .getSec {
        margin-bottom: -7rem
    }

    .getBox {
        padding: 2rem 2.25rem
    }

    .nextHeading h2 {
        font-size: 2.75rem
    }

    footer {
        padding-top: 11rem
    }

    .pageInner .inrbg {
        height: 550px
    }

    .pageInner h2 {
        font-size: 4rem
    }

    .contactSec {
        margin-bottom: -12rem
    }

    .contactSec iframe {
        height: 725px
    }

    .innerPages .partnerSec {
        padding: 6rem
    }

    .usrImg img {
        width: 70px;
        height: 70px
    }

    .innerPages .latestSec {
        padding-bottom: 6rem
    }

    .homeSlider .slide-inner:before {
        width: 100%;
        height: 90%
    }
}

@media only screen and (max-width:1366px) {
    html {
        font-size: 15px
    }

    header {
        padding-top: 1.75rem
    }


    .mainSlider {
        height: 870px
    }

    .slideContent h4 {
        font-size: 2.25rem
    }

    .slideContent ul a {
        font-size: 1.45rem
    }

    section {
        padding: 4.25rem 0
    }

    .heading {
        font-size: 2.75rem
    }

    .serviceContent h2,
    .subHeading {
        font-size: 1.55rem
    }

    .serviceSec {
        padding-top: 6rem
    }

    .mainheading {
        margin-bottom: 1.25rem
    }

    .serviceContent {
        padding: 1.25rem
    }

    .testimonialSlider {
        padding-bottom: 5rem
    }

    .aboutSec {
        padding-bottom: 4rem
    }

    .trainingSec {
        padding: 4.5rem 0
    }

    .getSec {
        margin-bottom: -5.5rem
    }

    .getBox {
        padding: 2rem 2rem
    }

    .nextHeading h2 {
        font-size: 2.5rem
    }

    footer {
        padding-top: 9rem
    }

    .copyRight {
        margin-top: 3rem;
        padding: 1.75rem 0
    }

    .pageInner .inrbg {
        height: 500px
    }

    .pageInner h2 {
        font-size: 3.5rem
    }

    .contactSec {
        margin-bottom: -9rem
    }

    .contactSec iframe {
        height: 700px
    }

    .innerPages .partnerSec {
        padding: 7rem
    }

    .innerPages .partnerSec {
        padding: 5rem 0
    }

    .usrImg img {
        width: 65px;
        height: 65px
    }

    .innerPages .latestSec {
        padding-bottom: 5rem
    }

    .homeSlider .slide-inner:before {
        height: 85%
    }
}

@media (max-width:1199.98px) {
    html {
        font-size: 14px
    }

    header {
        padding-top: 1.5rem
    }

    .navbar-nav .nav-item .nav-link {
        font-size: 1.125rem
    }

    .navbar-brand img {
        width: 10rem
    }

    .mainSlider {
        height: 820px
    }

    .slideContent h4 {
        font-size: 2rem
    }

    .slideContent ul a {
        font-size: 1.35rem
    }

    section {
        padding: 3.5rem 0
    }

    .heading {
        font-size: 2.5rem
    }

    .serviceContent h2,
    .subHeading {
        font-size: 1.45rem
    }

    .serviceSec {
        padding-top: 4rem
    }

    .mainheading {
        margin-bottom: 1rem
    }

    .serviceContent {
        padding: 1rem
    }

    .testimonialSlider {
        padding-bottom: 4rem
    }

    .aboutSec {
        padding-bottom: 3.5rem
    }

    .trainingSec {
        padding: 4rem 0
    }

    .getSec {
        margin-bottom: -4rem
    }

    .getBox {
        padding: 2rem 1.75rem
    }

    .nextHeading h2 {
        font-size: 2.25rem
    }

    footer {
        padding-top: 7rem
    }

    .quickList ul li+li {
        margin-top: .75rem
    }

    .copyRight {
        margin-top: 2.5rem;
        padding: 1.5rem 0
    }

    .pageInner .inrbg {
        height: 400px
    }

    .pageInner h2 {
        font-size: 3rem
    }

    .pageInner figure .inerShape {
        height: 100%
    }

    .aboutContent p {
        margin-bottom: 1rem
    }

    .contactSec {
        margin-bottom: -6rem
    }

    .contactSec iframe {
        height: 575px
    }

    .para {
        line-height: 1.7
    }

    .innerPages .partnerSec {
        padding: 4rem 0
    }

    .serviceBox figure img {
        object-fit: cover
    }

    .usrImg img {
        width: 60px;
        height: 60px
    }

    .innerPages .latestSec {
        padding-bottom: 4rem
    }

    .homeSlider .slide-inner:before {
        height: 80%
    }
}

@media (max-width:991.98px) {
    html {
        font-size: 13px
    }

    header {
        padding-top: 1.25rem
    }

    .navbar-nav {
        background-color: var(--white);
        gap: 0;
        padding: 1rem;
        margin-top: 1rem;
        align-items: flex-start
    }

    .navbar-nav>li {
        margin-top: 1rem
    }

    .navbar-nav .nav-item .nav-link:not(.themeBtn) {
        color: var(--black)
    }

    .mainSlider {
        height: 770px
    }

    .slideContent h4 {
        font-size: 1.75rem
    }

    .slideContent ul a {
        font-size: 1.25rem
    }

    section {
        padding: 3rem 0
    }

    .heading {
        font-size: 2.25rem
    }

    .serviceContent h2,
    .subHeading {
        font-size: 1.35rem
    }

    .serviceSec {
        padding-top: 3rem
    }

    .mainheading {
        margin-bottom: .75rem
    }

    .testimonialSlider .serviceContent .usrImg img {
        width: 5rem;
        height: 5rem
    }

    .testimonialSlider .swiper-pagination {
        gap: .5rem
    }

    .testimonialSlider {
        padding-bottom: 3rem
    }

    .aboutSec {
        padding-bottom: 3rem
    }

    .trainingSec {
        padding: 3.5rem 0
    }

    .getSec {
        margin-bottom: -2.5rem
    }

    .getBox {
        padding: 2rem 1.5rem
    }

    .nextHeading h2 {
        font-size: 2rem
    }

    footer {
        padding-top: 4rem
    }

    footer .topSocial {
        margin: 1.25rem 0
    }

    .calFoter ul li strong {
        width: 60px
    }

    .copyRight {
        margin-top: 2rem;
        padding: 1.25rem 0
    }

    .pageInner .inrbg {
        height: 300px
    }

    .pageInner h2 {
        font-size: 2.75rem
    }

    .grid {
        gap: 10px
    }

    .grid img {
        border-radius: 10px
    }

    .aboutContent p {
        margin-bottom: 10px;
        line-height: 1.65
    }

    .contactSec {
        margin-bottom: -3rem
    }

    .contactSec iframe {
        height: 450px
    }

    .para {
        line-height: 1.6
    }

    .innerPages .partnerSec {
        padding: 3rem 0
    }

    .usrImg img {
        width: 55px;
        height: 55px
    }

    .innerPages .latestSec {
        padding-bottom: 3rem
    }

    .homeSlider .slide-inner:before {
        background: rgba(0, 0, 0, .2);
        inset: 0;
        width: 100%;
        height: 100%
    }
}

@media (max-width:767.98px) {
    html {
        font-size: 12px
    }

    header {
        padding-top: 1rem
    }

    .mainSlider {
        height: 720px
    }

    .slideContent h4 {
        font-size: 1.5rem
    }

    .slideContent ul {
        gap: 1rem
    }

    section {
        padding: 2.5rem 0
    }

    .aboutSec {
        padding-bottom: 2.5rem
    }

    .heading {
        font-size: 2rem
    }

    .serviceContent h2,
    .subHeading {
        font-size: 1.25rem
    }

    .serviceSec {
        padding-top: 2.5rem
    }

    .aboutSec .row,
    .serviceSec .row {
        gap: 2rem
    }

    .serviceBox figure img {
        height: fit-content
    }

    .testimonialSlider .swiper-pagination {
        gap: .25rem
    }

    .trainingSec {
        padding: 3rem 0
    }

    .getSec {
        margin-bottom: -1rem
    }

    .getBox {
        padding: 1.75rem 1rem;
        background-color: transparent;
        box-shadow: none
    }

    .nextHeading h2 {
        font-size: 1.75rem
    }

    footer {
        padding-top: 3rem
    }

    .footerLogo img {
        width: 160px
    }

    footer .topSocial {
        margin: 1rem 0
    }

    .quickList h2 {
        margin: 1.25rem 0;
        font-size: 1.25rem
    }

    .copyRight {
        margin-top: 1.5rem;
        padding: 1rem 0
    }

    .abtImg figure {
        display: block
    }

    .abtImg figure img {
        width: 100%
    }

    .abtImg figure img+img {
        margin: 0 !important;
        margin-top: 1rem !important
    }

    .usrImg h6 {
        font-size: 1.25rem
    }

    .pageInner .inrbg {
        height: 220px
    }

    .pageInner h2 {
        font-size: 2.5rem
    }

    .pageInner figure .inerShape {
        height: 90%
    }

    .contactSec {
        margin-bottom: 0
    }

    .contactSec iframe {
        height: 325px
    }

    .para {
        line-height: 1.5
    }

    .innerPages .partnerSec {
        padding: 2rem 0
    }

    .usrImg img {
        width: 50px;
        height: 50px
    }

    .innerPages .latestSec {
        padding-bottom: 2.5rem
    }
}

@media (max-width:575.98px) {
    header {
        padding-top: .75rem
    }

    .navbar-nav>li {
        margin-top: 10px
    }

    .mainSlider {
        height: 460px
    }

    .slideContent ul li {
        margin: 0 !important
    }

    .slideContent ul {
        gap: 8px
    }

    section {
        padding: 2rem 0
    }

    .aboutSec {
        padding-bottom: 2rem
    }

    .heading {
        font-size: 1.5rem
    }

    .subHeading {
        font-size: 1.15rem
    }

    .serviceSec {
        padding-top: 2rem
    }

    .aboutSec .row,
    .serviceSec .row {
        gap: 1rem
    }

    .testimonialSlider .swiper-pagination {
        gap: 0
    }

    .themeBtn {
        font-size: 1rem;
        padding: 1em 1.25em
    }

    .trainingSec {
        padding: 2.5rem 0
    }

    .getSec {
        margin-bottom: 0
    }

    .getBox {
        padding: 1.5rem 0
    }

    .nextHeading h2 {
        font-size: 1.75rem
    }

    footer {
        padding-top: 2rem
    }

    .footerLogo img {
        width: 145px
    }

    footer .topSocial {
        margin: 12px 0
    }

    .calFoter ul li strong {
        width: 50px
    }

    .copyRight {
        margin-top: 1rem;
        padding: .75rem 0
    }

    .copyRight ul {
        justify-content: flex-start
    }

    .usrImg h6 {
        font-size: 1.125rem
    }

    .pageInner .inrbg {
        height: 160px
    }

    .aboutContent p {
        margin-bottom: 5px;
        line-height: 1.5
    }

    .para {
        line-height: 1.4
    }

    .pageInner h2 {
        top: 2rem;
        font-size: 2rem
    }

    .contactSec iframe {
        height: 200px
    }

    .partnersLogo img {
        max-width: 240px;
        height: auto;
        margin: auto
    }

    .partnersLogo .swiper-slide img {
        height: 150px
    }

    .usrImg img {
        width: 45px;
        height: 45px
    }

    .innerPages .latestSec {
        padding-bottom: 2rem
    }

    .partnersLogo a {
        font-size: 1rem
    }
}

@media (max-width:320.98px) {
    header {
        padding-top: .5rem
    }
}