@media (min-width:1900px) {

    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12 {
        padding: 0px
    }

    .navbar-responsive {
        display: none;
    }

    /* footer */

    .hide-footerr {
        display: none;
    }
}

@media (max-width:1899px) and (min-width:1400px) {
    .navbar-responsive {
        display: none;
    }

    /* footer */

    .hide-footerr {
        display: none;
    }

    .footer .fix-btn .btn {
        right: 1.3% !important;
    }

    /* blog-page----------------------------------------- */

    .blog-page .blog-sec form .col-2 {
        padding: 0 !important;
    }

}

@media (max-width:1399px) and (min-width:1200px) {
    .navbar-main.navbar .container-fluid {
    padding: 0 30px;
  }
    .navbar-responsive {
        display: none;
    }

    .container {
        padding: 0 1.5rem;
    }

    .text-up p {
        padding: 2.5em 16em 3em 16em !important;
    }

    .text-down p {
        padding: 2.5em 15em 0em 15em !important;
    }

    .about .text-up p {
        padding: 2.5em 15em 0em 15em !important;
    }

    .img-section2 .img-inner p br {
        display: none;
    }

    .img-section2 .img-inner p {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .blog .blog-info {
        padding: 0px !important;
        height: 250px !important;
    }

    .blog img {
        width: 100%;
    }

    .img-section3,
    .img-section3 .img-inner {
        height: 480px !important;
    }

    .img-section3 .container {
        padding: 0 !important;
    }

    /* footer */

    .hide-footerr {
        display: none;
    }

    .footer .fix-btn .btn {
        right: 1.3% !important;
    }

    /* blog-page----------------------------------------- */

    .blog-page .pe-5 {
        padding-right: 1.5rem !important;
    }

    .blog-page .col-3 {
        width: 26%;
    }

    .blog-page .col-9 {
        width: 74%;
    }

    .blog-page .blog-sec form .col-2 {
        padding: 0 !important;
    }

    /* blog-inner-page */

    .blog-inner .blog-img img {
        height: 576px !important;
    }

    .blog-inner .blog-img1 img {
        height: 461px !important;
    }

    /* uncategorized-page----------------------------------------- */

    .uncategorized-page .col-12 .img .inner-img img {
        height: 576px !important;
    }
}

@media (max-width:1199px) and (min-width:1025px) {
    section.tb-margin {
        margin: 8em 0;
    }

    .navbar-responsive {
        display: none;
    }

    .navbar-main.navbar .container-fluid {
        padding: 0 30px;
    }

    .navbar-main .pe-4 {
        padding-right: 15px !important;
    }

    .navbar.navbar-main .nav-item .dropdown .btn {
        padding: 37px 18px !important;
    }

    .navbar-main .px-4 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .container {
        padding: 0 1.5rem;
    }

    h2 {
        font-size: 85px !important;
        line-height: 95px !important;
    }

    .text-up p {
        padding: 2.5em 16em 3em 16em !important;
    }

    .text-down p {
        padding: 2.5em 15em 0em 15em !important;
    }

    .banner img {
        height: 580px !important;
    }

    .about .text-up p {
        padding: 2.5em 15em 0em 15em !important;
    }

    .img-section {
        height: 500px !important;
    }

    .img-section2 .img-inner p br {
        display: none;
    }

    .img-section2 .img-inner p {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .blog .blog-info {
        padding: 0px !important;
        height: 250px !important;
    }

    .blog img {
        width: 100%;
    }

    .img-section3,
    .img-section3 .img-inner {
        height: 480px !important;
    }

    .img-section3 .container {
        padding: 0 !important;
    }

    /* footer */

    .hide-footerr {
        display: none;
    }

    .footer .fix-btn .btn {
        right: 1.5% !important;
    }

    /* inner-page-top */

    .top-text h2 {
        font-size: 62px !important;
        line-height: 72px !important;
    }

    /* error-bg----------------------------------------- */

    .error-bg h2 {
        font-size: 250px !important;
        line-height: 260px !important;
    }

    /* blog-page----------------------------------------- */

    .blog-page .pe-5 {
        padding-right: 2.7rem !important;
    }

    .blog-page .col-3 {
        width: 31%;
    }

    .blog-page .col-9 {
        width: 69%;
    }

    .blog-page .blog-sec input {
        min-width: 215px !important;
    }

    .blog-page .col-8 .img .inner-img img {
        height: 330px !important;
    }

    .blog-page .blog-sec form .col-2 {
        padding: 0 !important;
    }

    /* blog-inner-page */

    .blog-inner .blog-img img {
        height: 488px !important;
    }

    .blog-inner .blog-img1 img {
        height: 385px !important;
    }

    .blog-inner .blog-img2 img {
        height: 310px !important;
    }

    .blog-inner .blog-img3 img {
        height: 465px !important;
    }

    /* uncategorized-page----------------------------------------- */

    .uncategorized-page .col-12 .img .inner-img img {
        height: 488px !important;
    }

}

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

    section.tb-margin {
        margin: 7em 0;
    }

    .navbar-top,
    .navbar-bottom {
        display: none;
    }

    .container {
        padding: 0 1.5rem;
    }

    .blog-inner h2 {
        font-size: 65px !important;
        line-height: 75px !important;
    }

    .all-margin {
        margin: 95px 0 !important;
    }

    .top-margin {
        margin-top: 95px !important;
    }

    .mt-992 {
        margin-top: 1rem;
    }

    .mt-992-2 {
        margin-top: 2.5rem;
    }

    .mt-992-3 {
        margin-top: 4rem;
    }

    .mt-992-4 {
        margin-top: 1.5rem;
    }

    .text-up p {
        padding: 2.5em 10em 3em 10em !important;
    }

    .text-down p {
        padding: 2.5em 10em 0em 10em !important;
    }

    .banner img {
        height: 560px !important;
    }

    .about .text-up p {
        padding: 2.5em 10em 0em 10em !important;
    }

    .about .col-5 {
        width: 100%;
    }

    .img-section {
        height: 500px !important;
    }

    .team .col-3 {
        width: 50%;
    }

    .menu .col-6 {
        width: 100%;
    }

    .menu .pe-6 {
        padding-right: 15px !important;
    }

    .menu .ps-6 {
        padding-left: 15px !important;
    }

    .img-section2 .img-inner {
        width: 772px !important;
        height: 578px !important;
        margin: 51px 0;
        padding: 80px 200px 80px 30px !important;
    }

    .img-section2 .justify-content-end {
        justify-content: center !important;
    }

    .img-section2 .img-inner h4 br {
        display: none;
    }

    .img-section2 .img-inner p br {
        display: none;
    }

    .img-section2 .img-inner p {
        padding: 2.5em 9em 3em 0em !important;
    }

    .questions .col-6 {
        width: 100%;
    }

    .blog .blog-info {
        padding: 0px !important;
        height: 250px !important;
    }

    .blog img {
        width: 100%;
    }

    .img-section3,
    .img-section3 .img-inner {
        height: 480px !important;
    }

    .img-section3 .container {
        padding: 0 !important;
    }

    .img-section3 .justify-content-start {
        justify-content: center !important;
    }

    /* footer */

    .hide-footerr {
        display: none;
    }

    .footer br {
        display: none;
    }

    /* .footer .col-3 {
        width: 50%;
        text-align: center;
        justify-content: center !important;
    } */

    .footer .justify-content-end {
        justify-content: center !important;
    }

    .footer .fix-btn .btn {
        right: 1.5% !important;
    }

    /* inner-page-top */

    .top-text h2 {
        font-size: 62px !important;
        line-height: 72px !important;
    }

    /* error-bg----------------------------------------- */

    .error-bg h2 {
        font-size: 250px !important;
        line-height: 260px !important;
    }

    /* blog-page----------------------------------------- */

    .blog-page br {
        display: none;
    }

    .blog-page .blog-sec input {
        width: 100% !important;
    }

    .blog-page .justify-content-end {
        justify-content: flex-start !important;
    }

    .blog-page .col-8 .img .inner-img img {
        height: 330px !important;
    }

    .blog-page .col-3 {
        width: 10.5%;
    }

    .blog-page .col-4,
    .blog-page .col-8 {
        width: 100%;
    }

    .blog-page .blog-sec form .col-2 {
        padding: 0 !important;
    }

    /* blog-inner-page */

    .blog-inner .blog-img img {
        height: 472px !important;
    }

    .blog-inner .blog-img1 img {
        height: 370px !important;
    }

    .blog-inner .blog-img2 img {
        height: 298px !important;
    }

    .blog-inner .blog-img3 img {
        height: 448px !important;
    }

    .blog-inner .pink-box p br {
        display: none;
    }

    /* uncategorized-page----------------------------------------- */

    .uncategorized-page .col-12 .img .inner-img img {
        height: 473px !important;
    }

    /* contact-page----------------------------------------- */

    .contact-top .col-4 {
        width: 50%;
    }

    .contact-page .col-3 {
        width: 50%;
        justify-content: center;
        display: flex;
    }

    .contact-page .col-6 {
        width: 100%;
    }

    /* search-page----------------------------------------- */

    .section .col-4 {
        width: 50%;
    }
}

@media (max-width:991px) and (min-width:768px) {

    section.tb-margin {
        margin: 6em 0;
    }

    .navbar-top,
    .navbar-bottom {
        display: none;
    }

    .container {
        padding: 0 1.5rem;
    }

    h2 {
        font-size: 65px !important;
        line-height: 75px !important;
    }

    .all-margin {
        margin: 95px 0 !important;
    }

    .top-margin {
        margin-top: 95px !important;
    }

    .mt-992 {
        margin-top: 1rem;
    }

    .mt-992-2 {
        margin-top: 2.5rem;
    }

    .mt-992-3 {
        margin-top: 4rem;
    }

    .mt-992-4 {
        margin-top: 1.5rem;
    }

    .mt-768 {
        margin-top: 1.5rem;
    }

    .text-up p {
        padding: 2.5em 7em 3em 7em !important;
    }

    .text-down p {
        padding: 2.5em 8em 0em 8em !important;
    }

    .banner img {
        height: 475px !important;
    }

    .about .text-up p {
        padding: 2.5em 8em 0em 8em !important;
    }

    .about .col-5 {
        width: 100%;
    }

    .img-section {
        height: 450px !important;
    }

    .team .col-3 {
        width: 50%;
    }

    .menu .col-6 {
        width: 100%;
    }

    .menu .pe-6 {
        padding-right: 15px !important;
    }

    .menu .ps-6 {
        padding-left: 15px !important;
    }

    .img-section2 .img-inner {
        width: 558px !important;
        height: 548px !important;
        margin: 51px 0;
        padding: 60px 40px 60px 40px !important;
    }

    .img-section2 .justify-content-end {
        justify-content: center !important;
    }

    .img-section2 .img-inner h4 br {
        display: none;
    }

    .img-section2 .img-inner p br {
        display: none;
    }

    .img-section2 .img-inner p {
        padding: 2.5em 8em 3em 0em !important;
    }

    .questions .col-6 {
        width: 100%;
    }

    .blog br {
        display: none;
    }

    .blog p {
        padding-right: 1em;
    }

    .blog .blog-info {
        padding: 0px !important;
        height: 250px !important;
    }

    .blog img {
        width: 100%;
    }

    .img-section3,
    .img-section3 .img-inner {
        height: 480px !important;
    }

    .img-section3 .container {
        padding: 0 !important;
    }

    .img-section3 .justify-content-start {
        justify-content: center !important;
    }

    /* footer */

    .hide-footerr {
        display: none;
    }

    .footer br {
        display: none;
    }

    /* .footer .col-3 {
        width: 50%;
        text-align: center;
        justify-content: center !important;
    } */

    .footer .justify-content-end {
        justify-content: center !important;
    }

    .footer .fix-btn .btn {
        right: 2% !important;
    }

    /* inner-page-top */

    .top-text h2 {
        font-size: 62px !important;
        line-height: 72px !important;
    }

    /* error-bg----------------------------------------- */

    .error-bg h2 {
        font-size: 250px !important;
        line-height: 260px !important;
    }

    /* blog-page----------------------------------------- */

    .blog-page br {
        display: none;
    }

    .blog-page .blog-sec input {
        width: 100% !important;
    }

    .blog-page .justify-content-end {
        justify-content: flex-start !important;
    }

    .blog-page .col-8 .img .inner-img img {
        height: 330px !important;
    }

    .blog-page .col-3 {
        width: 13.7%;
    }

    .blog-page .col-4,
    .blog-page .col-8 {
        width: 100%;
    }

    /* blog-inner-page */

    .blog-inner .blog-img img {
        height: 360px !important;
    }

    .blog-inner h2 {
        font-size: 60px !important;
        line-height: 70px !important;
    }

    .blog-inner .blog-img1 .col-4 {
        width: 100%;
    }

    .blog-inner .blog-img1 .col-8 {
        width: 100%;
    }

    .blog-inner .blog-img1 img {
        width: 100% !important;
        height: 100% !important;
    }

    .blog-inner .blog-img2 .col-4 {
        width: 100%;
    }

    .blog-inner .blog-img2 .col-8 {
        width: 100%;
    }

    .blog-inner .blog-img2 img {
        width: 100% !important;
        height: 100% !important;
    }

    .blog-inner .blog-img3 .col-6 {
        width: 100%;
    }

    .blog-inner .blog-img3 img {
        width: 100% !important;
        height: 100% !important;
    }

    .blog-inner .pink-box p br {
        display: none;
    }

    /* uncategorized-page----------------------------------------- */

    .uncategorized-page .col-12 .img .inner-img img {
        height: 360px !important;
    }

    /* contact-page----------------------------------------- */

    .contact-top .col-4 {
        width: 50%;
    }

    .contact-page .col-3 {
        width: 50%;
        justify-content: center;
        display: flex;
    }

    .contact-page .col-6 {
        width: 100%;
    }

    /* search-page----------------------------------------- */

    .section .col-4 {
        width: 50%;
    }

}

@media (max-width:767px) and (min-width:576px) {

    section.tb-margin {
        margin: 5em 0;
    }

    .navbar-top,
    .navbar-bottom {
        display: none;
    }

    .container {
        padding: 0 1.5rem;
    }

    h2 {
        font-size: 48px !important;
        line-height: 58px !important;
    }

    h3 {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    /* h5 {
        font-size: 20px !important;
        line-height: 30px !important;
    } */

    .all-margin {
        margin: 80px 0 !important;
    }

    .top-margin {
        margin-top: 80px !important;
    }

    .mt-992 {
        margin-top: 1rem;
    }

    .mt-992-2 {
        margin-top: 2.5rem;
    }

    .mt-992-3 {
        margin-top: 4rem;
    }

    .mt-992-4 {
        margin-top: 1.5rem;
    }

    .mt-768 {
        margin-top: 1.5rem;
    }

    .mt-576 {
        margin-top: 1rem;
    }

    .mt-576-2 {
        margin-top: 2rem;
    }

    .mt-576-3 {
        margin-top: 1.5rem;
    }

    .mt-576-4 {
        margin-top: 2.5rem;
    }

    .mb-576 {
        margin-bottom: 2rem;
    }

    .text-up p {
        padding: 2.5em 3em 2.5em 3em !important;
    }

    .text-down p {
        padding: 2.5em 1em !important;
    }

    .banner img {
        height: 355px !important;
    }

    .about .text-up p {
        padding: 2.5em 3em 0em !important;
    }

    .about .mt-6 {
        margin-top: 0px !important;
    }

    .about .container .row .col-3,
    .about .col-6,
    .about .col-5 {
        width: 100%;
    }

    .about .justify-content-end {
        justify-content: start !important;
    }

    .img-section {
        height: 350px !important;
    }

    .team .col-3 {
        width: 100%;
    }

    .menu .col-6 {
        width: 100%;
    }

    .menu .pe-6 {
        padding-right: 15px !important;
    }

    .menu .ps-6 {
        padding-left: 15px !important;
    }

    .img-section2 {
        height: 550px !important;
    }

    .img-section2 .img-inner {
        width: 558px !important;
        height: 427px !important;
        margin: 62px 0;
        padding: 35px !important;
    }

    .img-section2 .justify-content-end {
        justify-content: center !important;
    }

    .img-section2 .img-inner h4 br {
        display: none;
    }

    .img-section2 .img-inner h4 {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .img-section2 .img-inner p br {
        display: none;
    }

    .img-section2 .img-inner p {
        padding: 1.5em 0em !important;
    }

    .questions .col-6 {
        width: 100%;
    }

    .blog .col-6 {
        width: 100%;
    }

    .blog br {
        display: none;
    }

    .blog .blog-info {
        padding: 0px !important;
        height: 180px !important;
    }

    .blog img {
        width: 100%;
    }

    .img-section3,
    .img-section3 .img-inner {
        height: 480px !important;
    }

    .img-section3 .container {
        padding: 0 !important;
    }

    .img-section3 .justify-content-start {
        justify-content: center !important;
    }

    /* footer */

    .footer .hide-footer {
        display: none !important;
    }

    .footer .col-3 {
        width: 100%;
    }

    .footer .fix-btn .btn {
        right: 3% !important;
    }

    /* inner-page-top */

    .top-img,
    .top-bg {
        min-height: 200px !important;
    }

    .top-text h2 {
        font-size: 25px !important;
        line-height: 35px !important;
    }


    /* error-bg----------------------------------------- */

    .error-bg {
        height: 372px !important;
    }

    .error-bg h2 {
        font-size: 80px !important;
        line-height: 90px !important;
    }

    /* about-page----------------------------------------- */

    .about-page .col-4 {
        width: 100%;
        display: grid;
        justify-content: center;
    }

    /* blog-page----------------------------------------- */

    .blog-page br {
        display: none;
    }

    .blog-page .blog-sec input {
        width: 100% !important;
    }

    .blog-page .justify-content-end {
        justify-content: flex-start !important;
    }

    .blog-page .col-8 .img .inner-img img {
        height: 265px !important;
    }

    .blog-page .col-3 {
        width: 18.5%;
    }

    .blog-page .col-4,
    .blog-page .col-8 {
        width: 100%;
    }

    /* blog-inner-page */

    .blog-inner .blog-img img {
        height: 264px !important;
    }

    .blog-inner h2 {
        font-size: 50px !important;
        line-height: 60px !important;
    }

    .blog-inner .blog-img1 .col-4 {
        width: 100%;
    }

    .blog-inner .blog-img1 .col-8 {
        width: 100%;
    }

    .blog-inner .blog-img1 img {
        width: 100% !important;
        height: 100% !important;
    }

    .blog-inner .blog-img2 .col-4 {
        width: 100%;
    }

    .blog-inner .blog-img2 .col-8 {
        width: 100%;
    }

    .blog-inner .blog-img2 img {
        width: 100% !important;
        height: 100% !important;
    }

    .blog-inner .blog-img3 .col-6 {
        width: 100%;
    }

    .blog-inner .blog-img3 img {
        width: 100% !important;
        height: 100% !important;
    }

    .blog-inner .pink-box p br {
        display: none;
    }

    .reply .col-4 {
        width: 100%;
    }

    .reply .col-4.px-4 {
        padding: 0 !important;
        margin: 1rem 0;
    }

    /* uncategorized-page----------------------------------------- */

    .uncategorized-page .col-12 .img .inner-img img {
        height: 265px !important;
    }

    /* contact-page----------------------------------------- */

    .contact-top .col-4 {
        width: 100%;
    }

    .contact-page .col-3 {
        width: 100%;
        justify-content: center;
        display: flex;
    }

    .contact-page .col-6 {
        width: 100%;
    }

    /* search-page----------------------------------------- */

    .section .col-4 {
        width: 50%;
    }

    .section .col-4 img {
        height: 60px !important;
    }

    /* slider */

    .slider-img {
        height: 70vh;
    }

    .text h2 {
        font-size: 1.75rem;
    }

    .text h5 {
        font-size: 1rem;
    }

    .btn {
        font-size: 0.9rem;
        padding: 0.5rem 1.2rem;
    }

}

@media (max-width:575px) and (min-width:320px) {

    section.tb-margin {
        margin: 5em 0;
    }

    .navbar-top,
    .navbar-bottom {
        display: none;
    }

    .container {
        padding: 0 1.5rem;
    }

    h2 {
        font-size: 31px !important;
        line-height: 44px !important;
    }

    h3 {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    h5 {
        font-size: 15px !important;
        line-height: 25px !important;
    }

    .all-margin {
        margin: 80px 0 !important;
    }

    .top-margin {
        margin-top: 80px !important;
    }

    .mt-992 {
        margin-top: 1rem;
    }

    .mt-992-2 {
        margin-top: 2.5rem;
    }

    .mt-992-3 {
        margin-top: 4rem;
    }

    .mt-992-4 {
        margin-top: 1.5rem;
    }

    .mt-768 {
        margin-top: 1.5rem;
    }

    .mt-576 {
        margin-top: 1rem;
    }

    .mt-576-2 {
        margin-top: 2rem;
    }

    .mt-576-3 {
        margin-top: 1.5rem;
    }

    .mt-576-4 {
        margin-top: 2.5rem;
    }

    .mb-576 {
        margin-bottom: 2rem;
    }

    .mb-320 {
        margin-bottom: 1rem;
    }

    .text-up p {
        padding: 2.5em 1em !important;
    }

    .text-down p {
        padding: 2.5em 1em !important;
    }

    .banner img {
        height: 355px !important;
    }

    .about .text-up p {
        padding: 2.5em 1em 0em !important;
    }

    .about .container .row .col-3,
    .about .col-6 {
        width: 100%;
    }

    .about .mt-6 {
        margin-top: 0px !important;
    }

    .about .mt-7 {
        margin-top: 50px !important;
    }

    .about .justify-content-end {
        justify-content: start !important;
    }

    .img-section {
        height: 300px !important;
    }

    .team .col-3 {
        width: 100%;
    }

    .menu .col-6 {
        width: 100%;
    }

    .menu .pe-6 {
        padding-right: 15px !important;
    }

    .menu .ps-6 {
        padding-left: 15px !important;
    }

    .menu .d-flex {
        display: block !important;
        text-align: center;
    }

    .menu img {
        margin-right: 0px !important;
        margin-bottom: .5rem;
    }

    .menu .res-border {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
        padding: 20px 0;
    }

    .img-section2 {
        height: 565px !important;
    }

    .img-section2 .container {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .img-section2 .img-inner {
        width: 100% !important;
        height: 565px !important;
        margin: 0 !important;
        padding: 35px !important;
    }

    .img-section2 .justify-content-end {
        justify-content: center !important;
    }

    .img-section2 .img-inner h4 br {
        display: none;
    }

    .img-section2 .img-inner h4 {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .img-section2 .img-inner p br {
        display: none;
    }

    .img-section2 .img-inner p {
        padding: 1.5em 0em !important;
    }

    .questions .col-6 {
        width: 100%;
    }

    .questions .accordion-button {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .blog .col-6 {
        width: 100%;
    }

    .blog br {
        display: none;
    }

    .blog .blog-info {
        padding: 0px !important;
        height: 180px !important;
    }

    .blog img {
        width: 100%;
    }

    .img-section3,
    .img-section3 .img-inner {
        height: 415px !important;
    }

    .img-section3 .img-inner {
        padding: 40px 30px 80px 30px !important;
    }

    .img-section3 .container {
        padding: 0 !important;
    }

    .img-section3 .justify-content-start {
        justify-content: center !important;
    }

    .img-section3 p {
        padding: 2em 0em 1.5em 0em !important;
    }

    .img-section3 .main-btn {
        width: 100%;
    }

    /* footer */

    .footer .hide-footer {
        display: none !important;
    }

    .footer .col-3 {
        width: 100%;
    }

    .footer .accordion button {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .footer .fix-btn .btn {
        right: 5% !important;
    }

    /* inner-page-top */

    .top-img,
    .top-bg {
        min-height: 200px !important;
    }

    .top-text h2 {
        font-size: 25px !important;
        line-height: 35px !important;
    }


    /* error-bg----------------------------------------- */

    .error-bg {
        height: 572px !important;
    }

    .error-bg h2 {
        font-size: 80px !important;
        line-height: 90px !important;
    }

    /* about-page----------------------------------------- */

    .about-page .col-4 {
        width: 100%;
        display: grid;
        justify-content: center;
    }

    /* blog-page----------------------------------------- */

    .blog-page br {
        display: none;
    }

    .blog-page .mt-992-4 {
        margin-top: 1.5rem;
    }

    .blog-page .blog-sec input {
        width: 100% !important;
    }

    .blog-page .blog-sec .pe-5 {
        padding-right: 0rem !important;
    }

    .blog-page .justify-content-end {
        justify-content: flex-start !important;
    }

    .blog-page .col-8 .img .inner-img img {
        height: 136px !important;
    }

    .blog-page .col-3 {
        width: 35%;
    }

    .blog-page .col-9 {
        width: 65%;
    }

    .blog-page .col-4,
    .blog-page .col-8 {
        width: 100%;
    }

    .blog-page .blog-sec form .col-2 {
        padding: 0 !important;
    }

    /* blog-inner-page */

    .blog-inner .blog-img img {
        height: 264px !important;
    }

    .blog-inner h2 {
        font-size: 40px !important;
        line-height: 50px !important;
    }

    .blog-inner .part.d-flex {
        display: block !important;
    }

    .blog-inner span {
        padding-inline: 0px !important;
    }

    .blog-inner p span::before {
        display: none;
    }

    .blog-inner span::after {
        display: none;
    }

    .blog-inner .blog-img1 .col-4 {
        width: 100%;
    }

    .blog-inner .blog-img1 .col-8 {
        width: 100%;
    }

    .blog-inner .blog-img1 img {
        width: 100% !important;
        height: 100% !important;
    }

    .blog-inner .blog-img2 .col-4 {
        width: 100%;
    }

    .blog-inner .blog-img2 .col-8 {
        width: 100%;
    }

    .blog-inner .blog-img2 img {
        width: 100% !important;
        height: 100% !important;
    }

    .blog-inner .blog-img3 .col-6 {
        width: 100%;
    }

    .blog-inner .blog-img3 img {
        width: 100% !important;
        height: 100% !important;
    }

    .blog-inner .pink-box p br {
        display: none;
    }

    .blog-inner .pink-box .inner .first {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .reply .col-4 {
        width: 100%;
    }

    .reply .col-4.px-4 {
        padding: 0 !important;
        margin: 1rem 0;
    }

    /* uncategorized-page----------------------------------------- */

    .uncategorized-page .col-12 .img .inner-img img {
        height: 136px !important;
    }

    /* contact-page----------------------------------------- */

    .contact-top .col-4 {
        width: 100%;
    }

    .contact-page .col-3 {
        width: 100%;
        justify-content: center;
        display: flex;
    }

    .contact-page .col-6 {
        width: 100%;
    }

    /* search-page----------------------------------------- */

    .section .col-4 {
        width: 100%;
    }

    .section .col-4 img {
        height: 60px !important;
    }
}

@media (max-width:319px) {

    section.tb-margin {
        margin: 5em 0;
    }

    .navbar-top,
    .navbar-bottom {
        display: none;
    }

    .container {
        padding: 0 1.5rem;
    }

    h2 {
        font-size: 33px !important;
        line-height: 44px !important;
    }

    h3 {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    h5 {
        font-size: 15px !important;
        line-height: 25px !important;
    }

    .all-margin {
        margin: 80px 0 !important;
    }

    .top-margin {
        margin-top: 80px !important;
    }

    .mt-992 {
        margin-top: 1rem;
    }

    .mt-992-2 {
        margin-top: 2.5rem;
    }

    .mt-992-3 {
        margin-top: 4rem;
    }

    .mt-992-4 {
        margin-top: 1.5rem;
    }

    .mt-768 {
        margin-top: 1.5rem;
    }

    .mt-576 {
        margin-top: 1rem;
    }

    .mt-576-2 {
        margin-top: 2rem;
    }

    .mt-576-3 {
        margin-top: 1.5rem;
    }

    .mt-576-4 {
        margin-top: 2.5rem;
    }

    .mb-576 {
        margin-bottom: 2rem;
    }

    .mb-320 {
        margin-bottom: 1rem;
    }

    .text-up p {
        padding: 2.5em 1em !important;
    }

    .text-down p {
        padding: 2.5em 1em !important;
    }

    .banner img {
        height: 255px !important;
    }

    .about .text-up p {
        padding: 2.5em 1em 0em !important;
    }

    .about .col-6 {
        width: 100%;
    }

    .about .col-5 {
        width: 100%;
    }

    .about .mt-6 {
        margin-top: 0px !important;
    }

    .about .mt-7 {
        margin-top: 50px !important;
    }

    .about .justify-content-end {
        justify-content: start !important;
    }

    .img-section {
        height: 300px !important;
    }

    .team .col-3 {
        width: 100%;
    }

    .menu .col-6 {
        width: 100%;
    }

    .menu .pe-6 {
        padding-right: 15px !important;
    }

    .menu .ps-6 {
        padding-left: 15px !important;
    }

    .menu .d-flex {
        display: block !important;
        text-align: center;
    }

    .menu img {
        margin-right: 0px !important;
        margin-bottom: .5rem;
    }

    .menu .res-border {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
        padding: 20px 0;
    }

    .img-section2 {
        height: 565px !important;
    }

    .img-section2 .container {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .img-section2 .img-inner {
        width: 100% !important;
        height: 565px !important;
        margin: 0 !important;
        padding: 35px !important;
    }

    .img-section2 .justify-content-end {
        justify-content: center !important;
    }

    .img-section2 .img-inner h4 br {
        display: none;
    }

    .img-section2 .img-inner h4 {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .img-section2 .img-inner p br {
        display: none;
    }

    .img-section2 .img-inner p {
        padding: 1.5em 0em !important;
    }

    .questions .col-6 {
        width: 100%;
    }

    .questions .accordion-button {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .blog .col-6 {
        width: 100%;
    }

    .blog br {
        display: none;
    }

    .blog .blog-info {
        padding: 0px !important;
        height: 180px !important;
    }

    .blog img {
        width: 100%;
    }

    .img-section3,
    .img-section3 .img-inner {
        height: 415px !important;
    }

    .img-section3 .img-inner {
        padding: 40px 30px 80px 30px !important;
    }

    .img-section3 .container {
        padding: 0 !important;
    }

    .img-section3 .justify-content-start {
        justify-content: center !important;
    }

    .img-section3 p {
        padding: 2em 0em 1.5em 0em !important;
    }

    .img-section3 .main-btn {
        width: 100%;
    }

    /* footer */

    .footer .hide-footer {
        display: none !important;
    }

    .footer .col-3 {
        width: 100%;
    }

    .footer .accordion button {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .footer .fix-btn .btn {
        right: 5% !important;
    }

    /* inner-page-top */

    .top-img,
    .top-bg {
        min-height: 200px !important;
    }

    .top-text h2 {
        font-size: 25px !important;
        line-height: 35px !important;
    }

    /* error-bg----------------------------------------- */

    .error-bg {
        height: 372px !important;
    }

    .error-bg h2 {
        font-size: 80px !important;
        line-height: 90px !important;
    }

    /* about-page----------------------------------------- */

    .about-page .col-4 {
        width: 100%;
        display: grid;
        justify-content: center;
    }

    /* blog-page----------------------------------------- */

    .blog-page br {
        display: none;
    }

    .blog-page .mt-992-4 {
        margin-top: 0rem !important;
    }

    .blog-page .blog-sec input {
        width: 100% !important;
    }

    .blog-page .blog-sec .pe-5 {
        padding-right: 0rem !important;
    }

    .blog-page .justify-content-end {
        justify-content: flex-start !important;
    }

    .blog-page .col-8 .img .inner-img img {
        height: 136px !important;
    }

    .blog-page .col-3 {
        width: 35%;
    }

    .blog-page .col-9 {
        width: 65%;
    }

    .blog-page .col-4,
    .blog-page .col-8 {
        width: 100%;
    }

    .blog-page .blog-sec form .col-2 {
        padding: 0 !important;
    }

    /* blog-inner-page */

    .blog-inner .blog-img img {
        height: 264px !important;
    }

    .blog-inner h2 {
        font-size: 40px !important;
        line-height: 50px !important;
    }

    .blog-inner .part.d-flex {
        display: block !important;
    }

    .blog-inner span {
        padding-inline: 0px !important;
    }

    .blog-inner p span::before {
        display: none;
    }

    .blog-inner span::after {
        display: none;
    }

    .blog-inner .blog-img1 .col-4 {
        width: 100%;
    }

    .blog-inner .blog-img1 .col-8 {
        width: 100%;
    }

    .blog-inner .blog-img1 img {
        width: 100% !important;
        height: 100% !important;
    }

    .blog-inner .blog-img2 .col-4 {
        width: 100%;
    }

    .blog-inner .blog-img2 .col-8 {
        width: 100%;
    }

    .blog-inner .blog-img2 img {
        width: 100% !important;
        height: 100% !important;
    }

    .blog-inner .blog-img3 .col-6 {
        width: 100%;
    }

    .blog-inner .blog-img3 img {
        width: 100% !important;
        height: 100% !important;
    }

    .blog-inner .pink-box p br {
        display: none;
    }

    .blog-inner .pink-box .inner .first {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .reply .col-4 {
        width: 100%;
    }

    .reply .col-4.px-4 {
        padding: 0 !important;
        margin: 1rem 0;
    }

    /* uncategorized-page----------------------------------------- */

    .uncategorized-page .col-12 .img .inner-img img {
        height: 136px !important;
    }

    /* contact-page----------------------------------------- */

    .contact-top .col-4 {
        width: 100%;
    }

    .contact-page .col-3 {
        width: 100%;
        justify-content: center;
        display: flex;
    }

    .contact-page .col-6 {
        width: 100%;
    }

    /* search-page----------------------------------------- */

    .section .col-4 {
        width: 100%;
    }

    .section .col-4 img {
        height: 60px !important;
    }
}

@media (max-width:1800px) {
    .fueling-progress .col .text-content {
        padding: 5.4em 5.8em 5.4em 3.2em;
    }

    .Energy-redefined .col .text-content {
        padding-left: 3em;
        padding-right: 5em;
        padding-block: 3em;
    }
}

@media (max-width:1659px) {

    .Energy-redefined .image-bg.hover-img img,
    .Energy-redefined .image-bg.hover-img,
    .fueling-progress .image-bg.hover-img img,
    .fueling-progress .image-bg.hover-img {
        height: 100%;
        width: 100%;
    }
}

@media (max-width:1400px) {
    .our-approach .row .col-4.col {
        width: 31.29% !important;
    }

    .testimonial .empty-col {
        display: none;
    }
}

@media (max-width: 1300px) {
    .about .row .col-5 {
        width: 43%;
    }

    .about .row .history-txt {
        padding: 0;
    }

    .about .count-section {
        width: 35%;
    }

    .testimonial .test-carousel .item {
        padding: 4.8em 4em 4em 5em;
    }

    .blog .blog-bgimg.hover-img img,
    .blog .blog-bgimg.hover-img {
        height: 100%;
    }

}

@media (max-width: 1150px) {

    .about .row .col-5 {
        width: 70%;
    }

    .about .counter-main {
        justify-content: center;
    }

    .about .row .about-vc-btn,
    .about .row .about-icon-box {
        width: 48%;
    }

    /* choose */

    .why-chose .chose-txt {
        padding-right: 0;
    }

}
@media (max-width: 1230px) {
    .contact-page .row{
        gap: 30px;
    }
    .contact-page .row .col-6{
        width: 100%;
    }
    .contact-page .row .col .img {
        text-align: center;
    }
}

@media (max-width: 1100px) {
    .why-chose .row .col-6 {
        width: 100%;
    }

    section h3 {
        font-size: 40px;
        line-height: 50px;
    }

    .why-chose .row .col-6.pe-3,
    .why-chose .row .col-6.ps-3,
    .why-chose .chose-title {
        padding: 0 !important;
        text-align: center;
    }

    .why-chose .row {
        gap: 30px;
    }

    .progress-container {
        margin: auto;
    }
}

@media (max-width: 1025px) {
    #faq .row {
        display: grid;
    }
    #faq .row .accordion-item h4{
        font-size: 23px;
    }
    .footer .row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }

    .footer .row .col-3 {
        width: 100%;
    }

    .footer .row .footer-2 {
        justify-content: start !important;
    }
}

@media (max-width: 1020px) {
    .contact-top .row{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .our-approach .row .col-4.col.appro-heading {
        width: 100% !important;
    }

    .our-approach .approach-txt {
        padding-right: 0;
    }

    .our-approach .row .col-4.col {
        width: 47.29% !important;
    }

    .fueling-progress,
    .Energy-redefined {
        display: grid !important;
        text-align: center;
    }

    .fueling-progress .text-content ul {
        justify-content: center;
    }

    .blog .row {
        display: grid;
    }
}

@media (max-width: 900px) {
    .about .row .col-5 {
        width: 100%;
        text-align: center;
    }

    .fueling-progress .col .text-content {
        padding: 1.5em;
    }

    .Energy-redefined .col .text-content {
        padding: 1.5em;
    }
}

@media (max-width: 750px) {
    .our-approach .row .col-4.col {
        width: 100% !important;
        text-align: center;
    }

    .our-approach .img-box .img-box-txt {
        padding-right: 0;
    }
}

@media (max-width: 773px) {
    .contact-top .row{
        grid-template-columns: repeat(1, 1fr);
    }
    .testimonial .row {
        gap: 30px;
    }

    .testimonial .row .testi-user {
        width: 100%;
        order: 1;
    }

    .testimonial .testi-slide {
        order: 2;
        width: 100%;
    }

    .testimonial .row .testi-user .test-tab {
        display: flex !important;
        justify-content: center;
    }

    .about .row .about-vc-btn,
    .about .row .about-icon-box {
        width: 100%;
    }
}

@media (max-width: 767px) {
     #faq .row .accordion-item h4{
        font-size: 20px;
    }
    .footer .row {
        grid-template-columns: repeat(1, 1fr);
    }

    .blog-page .row .col-6,
    .uncategorized-page .row .col-6 {
        width: 100%;
    }

    .blog-page .row,
    .uncategorized-page .row {
        gap: 30px;
    }
}

@media (max-width: 600px) {
    .contact-page #myForm {
        display: grid;
  gap: 20px;
    }
    .contact-page #myForm .d-flex{
        display: grid !important;
    }
    .contact-page #myForm .d-flex .my-3{
        margin: 0 !important;
    }
    .testimonial .test-carousel .item {
        padding: 1.5em;
    }

    .blog .blog-list .blog-item {
        display: grid !important;
    }

    .blog .blog-list .blog-item .blog-content {
        text-align: center !important;
    }

    .blog .blog-list .blog-item .blog-img {
        margin: 0 auto;
    }
}

@media (max-width: 440px) {
    .about .about-icon-box .icon-box {
        padding: 30px;
        text-align: center;
    }

    .Energy-redefined .text-content .counter-main {
        display: grid;
        justify-content: center;
        text-align: center;
        gap: 30px;
    }
}