.service-list .row img {
    width: 97%;
    margin: 0 3% 0 0;
}

.service-list .row.align-items-center.service_reverse img {
    width: 97%;
    margin: 0 0 0 3%;
}

.row.align-items-center.service_reverse {
    margin: 70px 0;
}

@media (max-width: 1699px) {
    .banner-content h1.text-head {
        font-size: 43px;
        line-height: 54px;
    }
    .banner-content p.text-info {
        font-size: 27px;
    }
    .banner-content .banner_btn {
        margin: 115px 0 0 0;
    }
    .flip-box-front h4 {
        font-size: 25px;
    }
    .service_box {
        min-height: 575px;
    }
    .service_image img {
        width: 100%;
    }
}

@media (max-width: 1499px) {
    .service_box {
        min-height: fit-content;
    }
    .banner-content {
        bottom: 120px;
        left: 150px;
        width: 60%;
    }
    .banner-content .banner_btn {
        margin: 80px 0 0 0;
    }
    .banner-content p.text-info {
        font-size: 22px;
    }
    .banner-content h1.text-head {
        font-size: 35px;
        line-height: 45px;
    }
    .about h2 {
        font-size: 36px;
    }
    .service_top h3 {
        font-size: 36px;
    }
    .service_top p {
        font-size: 18px;
        line-height: 18px;
    }
    .flip-box-front h4 {
        font-size: 22px;
    }
    .heading_text h3 {
        font-size: 36px;
        margin: 0 0 10px 0;
    }
    .heading_text p {
        margin: 0 0 25px 0;
    }
    .testimonial_right p {
        margin: 20px 25px 50px 0;
    }
    .faq_wrap button.accordion-button {
        font-size: 18px;
    }
    .contact_left h3 {
        font-size: 32px;
    }
    .contact_left p {
        font-size: 16px;
        margin: 0 0 25px 0;
    }
    .service_top {
        padding: 45px 0;
    }
    .about a.btn.btn-info.text-white {
        font-size: 18px;
    }
    .banner_btn a {
        padding: 18px 30px;
        margin: 0 25px 0 0;
        font-size: 18px;
        line-height: 20px;
    }
    .after_btn {
        font-size: 18px;
    }
    .before_btn {
        font-size: 18px;
    }
    .before_after_wrap a.before_after_view {
        font-size: 18px;
    }
}

@media (max-width: 1299px) {
    .banner-content {
        bottom: 80px;
        left: 60px;
        width: 85%;
    }
    .banner-content .banner_btn {
        margin: 60px 0 0 0;
    }
    ul.navbar-nav li.nav-item a.nav-link {
        margin: 0 18px;
        font-size: 18px;
    }
    .logo a {
        display: inline-block;
        width: 105px;
    }
    .testimonial_img {
        width: 400px;
        height: 400px;
        border: 15px solid #009ac0;
    }
    .after_btn {
        right: -10px;
    }
    .before_btn {
        left: -10px;
    }
}

@media (max-width: 1023px) {}

@media (max-width: 991px) {
    .banner-content {
        bottom: 40px;
        left: 60px;
        width: auto;
        right: 60px;
        padding: 0;
    }
    .banner-content h1.text-head {
        font-size: 26px;
        line-height: 34px;
    }
    .banner-content p.text-info {
        font-size: 20px;
        margin: 0 0 4px 0;
    }
    ul.navbar-nav li.nav-item a.nav-link {
        margin: 0 15px;
        font-size: 18px;
    }
    .banner-content .banner_btn {
        margin: 45px 0 0 0;
    }
    .testimonial_box {
        width: 100%;
        float: none;
        padding: 20px 0;
        display: block;
        align-items: center;
        justify-content: center;
    }
    ul.testimonial_id {
        padding: 0;
        margin: 0;
        float: right;
        width: 100%;
    }
    .testimonial_right {
        width: 100%;
        float: right;
        padding: 25px 20px;
        margin: 10px 0 10px 0;
        text-align: center;
        background: #ececec;
        box-shadow: none;
    }
    .testimonial_img {
        width: 300px;
        height: 300px;
        border: 5px solid #009ac0;
        margin: auto;
    }
    .before_after_wrap .row .col-lg-6 {
        position: relative;
    }
    .after_btn {
        right: auto;
        left: -10px;
    }
    .contact_left {
        width: 100%;
    }
    .contact_right {
        width: 100%;
        padding: 25px 0 0 0;
    }
    .contact_wrap {
        display: block;
    }
    .footer_top ul {
        margin: 0;
        padding: 0;
        text-align: center;
    }
    .footer_top {
        text-align: center;
        padding: 40px 0 0;
    }
    .blue_top_serve {
        font-size: 24px;
        line-height: 24px;
        padding: 20px 0;
    }
    .banner_inner h1 {
        font-size: 30px;
        padding: 0 30px;
    }
    .why_choose_us_wrap {
        padding: 0 40px;
    }
    .team_wrap {
        padding: 0 40px;
    }
    .ba_m {
        margin-top: 0px !important;
    }
    .row.align-items-center.service_reverse {
        display: table;
        margin: 20px 0;
    }
    .row.align-items-center.service_reverse .col-lg-6:last-child {
        display: table-header-group;
    }
    .service-list .row img {
        width: 100%;
        margin: 0 0% 0 0;
    }
    .service-list .row.align-items-center.service_reverse img {
        width: 100%;
        margin: 0 0 0 0%;
    }
    .row.align-items-center.service_reverse h2.fw-bold.mb-3 {
        margin-top: 1.5rem!important;
    }
    .row.align-items-center.service_reverse .col-lg-6 {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .banner_img img {
        width: auto;
        height: 100%;
    }
    .banner {
        overflow-x: hidden;
    }
    .banner_img {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 550px;
        overflow: hidden;
    }
    .header {
        padding: 15px 30px;
    }
    .banner-content {
        bottom: 40px;
        left: 30px;
        width: auto;
        right: 30px;
        padding: 0;
    }
    .banner-content .banner_btn {
        margin: 35px 0 0 0;
    }
    .banner_btn a {
        padding: 18px 30px;
        margin: 0 0 25px 0;
        font-size: 18px;
        line-height: 20px;
        width: 100%;
        text-align: center;
    }
    .banner-content p.text-info {
        font-size: 18px;
        margin: 0 0 4px 0;
        text-align: center;
        letter-spacing: 0;
    }
    .banner-content h1.text-head {
        font-size: 22px;
        line-height: 33px;
        text-align: center;
        font-weight: 500;
    }
    .banner-content {
        bottom: 20px;
    }
    .about h2 {
        font-size: 30px;
    }
    .about p {
        font-size: 16px;
        line-height: 24px;
    }
    .about a.btn.btn-info.text-white {
        font-size: 16px;
        padding: 10px 20px;
    }
    .service_top h3 {
        font-size: 30px;
    }
    .service_top p {
        font-size: 16px;
        line-height: 16px;
    }
    .service_top {
        padding: 30px 0;
    }
    .heading_text h3 {
        font-size: 30px;
        margin: 0 0 10px 0;
    }
    .heading_text p {
        font-size: 16px;
        line-height: 24px;
    }
    .testimonial_star ul li img {
        width: 28px;
    }
    .testimonial_star ul li {
        display: inline-block;
        margin: 0 7px 0 0;
    }
    ul.testimonial_id li a {
        display: inline-block;
        color: #000;
        font-size: 16px;
        text-decoration: none;
    }
    ul.testimonial_id li a img {
        width: 125px;
    }
    .contact_left h3 {
        font-size: 30px;
    }
    .contact_left ul li a img {
        max-width: 20px;
        margin-right: 12px;
    }
    .footer_bot_wrap {
        display: block;
    }
    .footer_bot_wrap p {
        width: 100%;
        text-align: center;
        margin: 0 0 22px 0;
    }
    ul.social {
        text-align: center;
    }
    button.navbar-toggler {
        display: block;
        background-image: url(../img/hamburger.png);
        background-size: 30px;
        width: 30px;
        border: 1px solid #fff;
        padding: 7px 22px;
        background-repeat: no-repeat;
        background-position: 50%;
        border-radius: 5px;
    }
    ul.navbar-nav {
        display: none;
    }
    ul.navbar-nav li.nav-item {
        display: inline-block;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #07778f;
    }
    ul.navbar-nav {
        position: absolute;
        left: 30px;
        right: 30px;
        top: 100%;
        background: rgb(0 158 191);
        border-radius: 8px;
    }
    ul.navbar-nav li.nav-item a.nav-link {
        margin: 0 15px;
        font-size: 16px;
    }
    .banner.inner-banner .banner_img {
        height: 300px;
    }
    .banner.inner-banner h1.text-head {
        margin-top: 20px;
    }
}