@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .service-card .service-card-body .card-text:after {
        background-position: center !important;
        top: -72% !important;
    }
}


@media only screen and (max-width: 1399px) {
    .container {
        max-width: 1200px !important;
    }

    .banner-sec {
        min-height: 430px !important;

        .banner-detail {
            margin-top: 50px !important;
            padding-left: 60px !important;
        }
    }

    .default-btn {
        padding: 7px 20px !important;
    }

    .font-54 {
        font-size: 44px !important;
    }



    .test-card {
        width: 320px !important;

    }

    .test-body>img {
        width: 100% !important;
        height: 100% !important;
    }


    .ant-select-selector {
        padding: 0 10px !important;
        height: 30px !important;
    }

    .mb-4 {
        margin-bottom: 10px !important;
    }

    .mb-5 {
        margin-bottom: 20px !important;
    }

    .mt-4 {
        margin-top: 10px !important;
    }

    .ant-form-item {
        margin-bottom: 10px !important;
    }

    .social-box {
        padding: 3px 40px !important;
    }

    .social-box .socail-bar {
        height: 38px !important;
    }

    .ant-modal-body {
        .ant-input {
            height: 42px !important;
        }

        textarea.ant-input {
            height: auto !important;
        }
    }

    .ant-picker {
        margin-bottom: 10px;
    }

    textarea.ant-input {
        margin: 0 !important;
    }

    .user-service-card {
        .card-img {
            width: 70px !important;
            height: 65px !important;
            flex: 0 0 65px;
            margin-right: 5px !important;
        }

        .text-area {
            width: 100%;
        }
    }

    .font-16 {
        font-size: 13px !important;
    }

    .font-18 {
        font-size: 15px !important;
    }

    .custom-prev-arrow {
        left: -85px !important;
    }

    .custom-next-arrow {
        right: -85px !important;
    }

    .map-img img {
        width: 100%;
    }

    .nav-link {
        margin-left: 20px !important;
    }

    .service-card {
        .service-card-body {
            .card-text {
                &::after {
                    background-position: center !important;
                    top: -67% !important;
                    height: 300px !important;
                }
            }
        }
    }

    .ant-input-affix-wrapper-lg {
        padding: 12px 7px !important;
    }
}





@media only screen and (max-width: 1199px) {
    .container {
        max-width: 100% !important;
    }

    .banner-sec {
        min-height: 400px !important;

        .banner-detail {
            margin-top: 30px !important;
            padding-left: 40px !important;
        }
    }

    .default-btn {
        padding: 5px 20px !important;
    }

    .font-54 {
        font-size: 34px !important;
    }


    .test-body>img {
        width: 100% !important;
        height: 100% !important;
    }



    .service-card .service-card-body .card-text {
        padding: 0 5px !important;
    }

    .font-18 {
        font-size: 16px !important;
    }

    .service-card p {
        margin: 15px 0 !important;
    }

    .test-card {
        width: 270px !important;
    }

    .test-card .test-body .test-text p {
        margin: 0 !important;
    }

    .ant-input-affix-wrapper-lg {
        padding: 10px 7px !important;
    }

    .font-18 {
        font-size: 14px !important;
    }

    .booking-tabs {
        .ant-tabs-tab {
            padding: 10px 30px !important;
        }

        .ant-tabs-tab-active {
            padding: 10px 30px !important;
        }
    }

    .landing-header {
        .navbar-brand {
            img {
                width: 150px !important;
                height: 49px !important;
            }
        }
    }

    .ms-5 {
        margin-left: 10px !important;
    }

    .nav-link {
        font-size: 14px !important;
    }

    .map-img img {
        width: 100%;
    }

    .sol-img {
        img {
            width: 350px !important;
            height: 210px !important;
        }
    }

    .custom-prev-arrow {
        left: -70px !important;
    }

    .custom-next-arrow {
        right: -70px !important;
    }

    .career-sec {
        padding: 20px 0 !important;
    }


    .menu-list {
        margin: 0 !important;
    }

    .font-25 {
        font-size: 18px !important;
    }

    .font-28 {
        font-size: 22px !important;
    }


    .about-sec {
        padding: 40px 0 !important;
    }

    .nav-link {
        margin-left: 10px !important;
    }
}







@media only screen and (max-width: 991px) {
    .banner-sec {
        min-height: 330px !important;

        .banner-detail {
            margin: 0 !important;
        }
    }

    .font-54 {
        font-size: 24px !important;
    }

    .font-16 {
        font-size: 14px !important;
    }

    .default-btn {
        font-size: 13px !important;
        padding: 6px 15px !important;
        line-height: 17px;
    }

    .service-card .service-card-body {
        width: 100% !important;

    }

    .testing-sec {
        height: auto !important;
    }

    .test-card {
        margin: 10px 0 !important;
        height: auto !important;
    }

    .noti-box {
        padding: 10px !important;
    }

    .user-profile-sec {
        padding: 15px !important;
    }

    .font-32 {
        font-size: 22px !important;
    }

    .booking-tabs {
        .ant-tabs-tab {
            padding: 10px 20px !important;
        }

        .ant-tabs-tab-active {
            padding: 10px 20px !important;
        }
    }

    .book-service .text-end>img {
        width: 322px !important;
        right: -25px;
    }

    .completed-detail {
        flex-direction: column !important;
    }

    .default-btn {
        background: transparent !important;
        width: 100%;
        border: 0;
        text-align: start;
        margin: 0 !important;
        padding: 0 !important;
        padding: 10px !important;
        font-weight: 400;
        font-size: 14px !important;

        &::after,
        &::before {
            content: none !important;
        }
    }

    .landing-header {
        .container {
            padding: 0;
        }

        .navbar-brand {
            padding-left: 10px;
        }

        .navbar-toggler {
            margin-right: 15px;
        }

        .navbar {
            padding-bottom: 0;
        }
    }

    .navbar-collapse {
        background: #5277a2;
        margin-top: 10px;
    }

    .ant-dropdown {
        width: 100%;

        .ant-dropdown-menu {
            border-radius: 0;
            background: #5277a2;

            p {
                color: #fff !important;
            }

            .ant-dropdown-menu-item-only-child {
                border-bottom: 1px solid white !important;
            }
        }
    }

    .booking-img img {
        width: 300px;
    }

    .service-sec .container,
    .testing-sec .container,
    .booking-sec .container {
        padding: 0 30px !important;
    }

    .font-36 {
        font-size: 24px !important;
    }

    .sec-location {
        padding: 40px !important;
    }

    .pdf-table .pdf-header {
        padding: 20px !important;
    }

    .pdf-table .pdf-body {
        padding: 10px !important;
    }

    .test-sec {
        padding: 10px 30px 196px !important;
    }

    .font-22 {
        font-size: 18px !important;
    }

    .font-24 {
        font-size: 20px !important;
    }

    .insure-img img {
        width: 526px !important;
        height: 560px !important;
    }

    .sol-img {
        img {
            width: 300px !important;
            height: 180px !important;
        }
    }

    .custom-prev-arrow {
        display: none;
    }

    .custom-next-arrow {
        display: none;
    }

    .sign-btn {
        background-color: #00458f !important;
        width: 170px !important;
        text-align: center !important;
        margin-top: 15px !important;
    }

    .service-card p {
        min-height: 62px;
    }

    .service-card {
        margin-bottom: 90px !important;

        .service-card-body {
            .card-text {
                &::after {
                    background-position: unset !important;
                    top: -104% !important;
                }
            }
        }

    }

    .modal-btn {
        text-align: center;
        margin: 0 !important;
        padding: 0 !important;
    }

    .booking-sec {
        padding: 50px 0 !important;
    }

    .mission-sec {
        .mission-last-item {
            margin-top: 175px !important;
        }
    }

}

@media only screen and (max-width: 767px) {
    header {
        position: unset;
        background-color: #101d2b;

        .navbar {
            .navbar-brand {


                img {
                    width: 150px !important;
                }
            }
        }
    }

    .map-img {
        display: none;
    }

    .register-form {
        margin-top: 70px;
    }

    .test-body>img {
        width: 270px !important;
        height: 270px !important;
    }

    .service-sec .container,
    .testing-sec .container,
    .booking-sec .container {
        padding: 0 10px !important;
        overflow: hidden;
    }

    .banner-sec {
        min-height: 340px !important;
    }

    .bg-white>.row {
        height: 100vh;
    }



    .service-provider-panel aside.ant-layout-sider {
        min-width: 65px !important;
        width: 65px !important;
        flex: 0 0 65px !important
    }

    .ant-layout-sider-children {
        .logo {
            padding: 0 0 25px 0 !important;

            img {
                display: none;

            }
        }
    }


    .sidebar-nav li span {
        display: none;
    }

    .user-profile-sec .my-profile {
        width: 70px !important;
        height: 70px !important;
    }

    .app-logo {
        display: block !important;
    }

    .book-service .text-end>img {
        display: none !important;
    }

    .booking-img {
        display: none;
    }

    .about-sec {
        padding-bottom: 10px !important;
    }

    .footer {
        flex-direction: column !important;
    }

    .sec-location {
        padding: 40px 40px 80px 40px !important;
    }

    .font-22 {
        font-size: 16px !important;
    }

    .font-24 {
        font-size: 18px !important;
    }

    .insure-img img {
        width: 326px !important;
        height: 560px !important;
    }

    .sol-img {
        display: none !important;
    }

    .font-25 {
        font-size: 16px !important;
    }

    .font-28 {
        font-size: 20px !important;
    }

    .service-card {
        margin-bottom: 20px !important;

        .service-card-body {
            .service-img {
                height: 190px !important;
            }

            .card-text {
                background: #00458f;
                padding: 26px 10px 10px 30px !important;

                &::after {
                    content: none !important;
                }
            }
        }

        h1 {
            font-size: 14px !important;
        }

        p {
            font-size: 12px !important;
        }
    }

    .booking-sec {
        padding: 30px 0 !important;
    }

    footer {
        padding: 10px 0 !important;
    }


    .font-20 {
        font-size: 16px !important;
    }

    .mission-sec {

        .mission-last-item,
        .mission-secondlast-item {
            margin-top: 175px !important;
        }
    }

}



@media only screen and (max-width: 575px) {
    header {


        .navbar {
            .navbar-brand {
                img {
                    width: 140px !important;

                }
            }
        }
    }

    .banner-sec {
        min-height: 210px !important;
    }


    .font-54 {
        font-size: 16px !important;
    }

    .font-16 {
        font-size: 12px !important;
    }

    .default-btn {
        padding: 4px 10px !important;
    }

    .btn-blue-effect:before {
        padding: 4px 12px !important;
        font-size: 12px !important;
    }






    .service-sec .container,
    .testing-sec .container,
    .booking-sec .container {
        padding: 0 20px !important;
    }

    .about-sec {
        padding: 0 0 20px 0;

        .about-img {
            img {
                width: 200px;

            }
        }

        .about-detail {
            p {
                font-size: 14px;
            }
        }
    }



    .font-36 {
        font-size: 18px !important;
    }

    .pt-3 {
        padding-top: 5px !important;
    }

    .pt-4 {
        padding-top: 7px !important;
    }



    .testing-sec {
        margin-top: 10px !important;
        background-image: none;
        margin-bottom: 0 !important;


    }


    .service-card-body {
        height: 288px !important;
    }

    .service-card {
        min-height: auto;



        p {
            margin: 15px 10px !important;
        }
    }




    .booking-sec {
        padding: 15px 0 !important;

        img {
            width: 250px;
        }
    }

    .font-32 {
        font-size: 18px !important;
    }

    .user-profile-sec {
        flex-direction: column !important;
        align-items: self-start !important;
        padding: 10px 5px !important;

        .ms-3 {
            margin: 0 !important;
        }
    }

    .font-32 {
        font-size: 14px !important;
    }



    .booking-tabs {
        .ant-tabs-tab {
            padding: 5px 10px !important;
        }

        .ant-tabs-tab-active {
            padding: 5px 10px !important;
        }
    }

    .font-25 {
        font-size: 18px !important;
    }

    .mb-1 {
        margin-bottom: 0 !important;
    }

    .mt-5 {
        margin-top: 25px !important;
    }

    .mt-3 {
        margin-top: 10px !important;
    }

    .booking-date-time {
        flex-direction: column;
        justify-content: end !important;
        align-items: end !important;
    }

    .booking-date-time .default-btn {
        margin-top: 10px;
    }

    .sec-location {
        padding: 20px 20px 10px !important;
    }

    .booking-sec {
        padding: 20px 0 !important;
    }


    .service-card {
        .service-card-body {
            .card-text {
                &::after {
                    background-position: unset !important;
                    top: -80% !important;
                }
            }
        }
    }

    .ant-collapse>.ant-collapse-item .ant-collapse-header-collapsible-only .ant-collapse-header-text {
        flex: auto !important;
    }

    .pdf-table .pdf-body {
        align-items: self-end !important;
    }

    .pdf-table .pdf-body>.d-flex {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .font-20 {
        font-size: 14px !important;
    }

    .font-24 {
        font-size: 16px !important;
    }

    .mb-3 {
        margin-bottom: 5px !important;
    }
}