@media screen and (max-width:1640px) {
    body {
        font-size: 15px;
    }

    h1 {
        font-size: 45px;
    }

    h2 {
        font-size: 40px;
    }

    h4 {
        font-size: 22px;
    }

    h5 {
        font-size: 20px;
    }

    .btn-custom-big {
        height: 55px;
        line-height: 55px;
    }

    .container {
        max-width: 1260px;
    }

    .header {
        padding: 20px 0;
    }

    .navigation ul li {
        margin-right: 30px;
        font-size: 16px;
    }

    .loginBtn a {
        font-size: 16px;
    }

    .register-btn {
        padding: 10px 20px;
        font-size: 16px;
    }

    .bannerUper {
        top: 60%;
        right: 0;
        left: 0;
    }

    .bannerSlider .owl-controls .owl-nav {
        right: 20px;
        left: 20px;
    }

    .bannerSlider .owl-controls .owl-prev,
    .bannerSlider .owl-controls .owl-next {
        width: 30px;
        height: 30px;
    }

    .bannerSlider .owl-controls .owl-prev {
        background-size: 100% 100%;
    }

    .bannerSlider .owl-controls .owl-next {
        background-size: 100% 100%;
    }

    .orderHd {
        font-size: 16px;
    }

    .search-block {
        max-width: 720px;
    }

    .search-field {
        height: 60px;
    }

    /* .search-block .btn-custom {height:60px;line-height:60px;font-size: 16px;} */
    .search-box .form-control {
        font-size: 16px;
    }

    .banner {
        padding-top: 110px;
        padding-bottom: 24px;
    }


    .categoriesBlock,
    .servicesBlock,
    .recentBlock,
    .recentjobBlock,
    .blog-section {
        padding: 50px 0;
    }

    .categoriesCard {
        padding: 5px;
    }

    .categoriesTitle {
        font-size: 16px;
    }

    .categoriesCard img {
        max-width: 80px;
    }

    .categoriesCard {
        min-height: 180px;
    }



    .popularSearchesBlock {
        padding: 60px 0;
    }

    .headingBlock {
        padding-bottom: 20px;
    }

    .btn-custom-big {
        font-size: 18px;
    }

    .customerJoinBlock {
        padding: 60px 0;
    }

    .testimonialBlock {
        padding-top: 60px;
    }

    .testimonialSlider.owl-carousel .owl-stage-outer {
        padding: 140px 0 80px;
    }

    .testimonialCard {
        border-radius: 20px;
        padding: 30px;
    }

    .aboutBlock {
        padding: 60px 0;
    }

    .group-number .tooltiptext {
        right: -70px;
    }




    .login-layout-lt {
        padding: 30px;
    }

    .caption-card h1 {
        font-size: 52px;
        margin-bottom: 20px;
    }

    .caption-card p {
        font-size: 17px;
    }

    .login-layout-rt h2 {
        font-size: 48px;
    }

    .login-layout-stepper {
        flex: 0 0 200px;
        max-width: 200px;
    }

    .login-layout-rt {
        flex: 0 0 420px;
        max-width: 420px;
        padding: 60px 30px 30px;
    }

    .login-layout-stepper ul li .icon {
        width: 60px;
        height: 60px;
    }

    .login-layout-stepper ul li .icon img {
        max-width: 30px;
    }

    .login-layout-stepper ul li span {
        font-size: 14px;
        margin-top: 6px;
    }




    .user-box h1 {
        font-size: 35px;
        margin-bottom: 10px;
    }

    .user-box,
    .user-box .media {
        margin-bottom: 20px;
    }

    .detail-img-box {
        max-width: 185px;
        min-height: 185px;
    }

    .size-box .media {
        padding: 15px 12px;
        margin-bottom: 20px;
    }

    .size-box .media-body span {
        font-size: 14px;
    }

    .plan-box {
        padding: 20px;
    }

    .plan-box img {
        max-width: 65px;
    }

    .plan-box a.btn-custom {
        height: 45px;
        line-height: 45px;
        font-size: 14px;
        display: inline-block;
        width: 100%;
    }

    .plan-inner {
        padding: 20px;
    }

    .plan-txt p {
        font-size: 14px;
    }

    .weekly-title {
        margin-bottom: 5px;
        font-size: 16px;
    }

    .weekly-price {
        font-size: 19px;
    }

    .weekly-price span {
        font-size: 12px;
    }



    .order-title h1 {
        font-size: 40px;
    }

    .order-title p {
        font-size: 16px;
    }

    .order-price {
        font-size: 25px;
    }

    .order-price span {
        font-size: 16px;
    }

    .order-clean-txt .media-body p {
        font-size: 16px;
    }

    .order-clean-txt .media img {
        max-width: 50px;
    }

    .payment-btn {
        margin-bottom: 20px;
    }

    .add-services-plan .plan-box {
        padding: 20px 12px;
    }

    .add-services-plan .weekly-price {
        font-size: 22px;
    }

    .add-services-plan .weekly-price span {
        font-size: 12px;
    }

    .booking-dtl-wrapper {
        margin-bottom: 25px;
    }

    .booking-dtl {
        padding: 20px;
    }

    .booking-dtl .img-box img {
        width: 120px;
        height: 120px;
    }

    .booking-dtl-amount strong {
        font-size: 26px;
    }

    .booking-dtl-amount {
        padding: 20px 15px;
        font-size: 21px;
    }


    .service-dtl .media-body {
        margin-left: 30px;
    }

    .service-dtl .detail-img-box {
        max-width: 180px;
        min-height: 180px;
    }

    .service-dtl p {
        font-size: 14px;
    }

    .name-text a {
        font-size: 22px;
    }

    .service-dtl .media-body ul {
        margin-bottom: 10px;
    }


    .payment {
        padding: 35px 0 20px;
    }

    .payment .btn-custom {
        min-width: auto;
    }

    .payment figure img {
        max-width: 100px;
    }

    .payment h2 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .payment p {
        margin: 0 0 25px;
    }

    .payment .btn-custom {
        min-width: 150px;
    }

    .pay-amount-list {
        font-size: 16px;
        padding: 20px 25px;
        margin-bottom: 25px;
    }

    .pay-amount-list li {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }


    /* .error {
        padding: 20px 0;
    } */

    .error figure img {
        max-width: 100px;
    }

    .error h2 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .error p {
        margin: 0 0 25px;
    }

    .error .btn-custom {
        min-width: auto;
        line-height: 50px;
        font-size: 18px;
        height: 50px;
    }

    .payment-sec.success-discount-sec {
        padding: 20px;
    }

    .payment-top-box h1 {
        margin-bottom: 15px;
        font-size: 35px;
    }

    .email-address form {
        margin-top: 30px;
    }

    .payment-inner.succecc-full-pay {
        margin: 0 auto;
        padding: 30px;
    }

    .payment-top-box h1 {
        font-size: 30px;
    }

    .payment-top-box img {
        max-width: 110px;
    }

    .payment-sec.success-discount-sec .media img {
        margin-right: 20px;
        max-width: 70px;
    }


    .plansCheckBlock .custom-checkbox {
        top: 10px;
        right: 10px;
    }
    .my-job-table td {    padding: 11px;}

    .designation-box {
        font-size: 17px;}
        .my-price-txt {
            font-size: 16px;     gap: 5px; }
            .job_img {
                width: 58px;
                margin-right: 11px;
            }

}

@media screen and (max-width:1400px) {
    .categoriesBlockSlider .owl-controls .owl-nav {
        display: none;
    }

    .group-number .tooltiptext {
        width: 200px;
        top: -136px;
        right: -25px;
        padding: 10px;
        font-size: 13px;
    }





    .recentSlider .owl-nav,
    .categoriesBlockSlider .owl-nav {
        right: 10px;
        left: 10px;
        z-index: 9;
    }

    .categoriesBlockSlider .owl-nav .owl-prev,
    .categoriesBlockSlider .owl-nav .owl-next {
        width: 30px;
        height: 30px;
        background-size: contain;
    }

    .recentSlider .owl-nav .owl-prev,
    .recentSlider .owl-nav .owl-next {
        width: 40px;
        height: 40px;
        background-color: #fff;
        border-radius: 60px;
        background-size: contain;
    }

    .recent-info {
        padding-top: 10px;
    }

    .recent-tp-tag {
        max-width: 320px;
    }

    .recent-card,
    .recentjobBlock .recent-card {
        padding: 15px;
    }

    .ex-btn {
        font-size: 16px;
    }

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


    .services-info-txt h6 a {
        padding: 20px;
        font-size: 16px;
    }



    .servicesBlock:before,
    .categoriesBlock::before,
    .categoriesBlock::after,
    .recentjobBlock:before,
    .recentjobBlock:after {
        display: none;
    }

    .categoriesTitle,
    .categoriesCardInfo span {
        font-size: 14px;
    }

    .recent-tp-tag {
        max-width: 95%;
    }

    .recentBlock {
        background-image: none;
    }

    .recentSlider .owl-nav {
        top: 40%;
        transform: translateY(-40%);
    }

    .recentSlider .owl-nav .owl-prev:hover,
    .recentSlider .owl-nav .owl-next:hover {
        filter: none;
    }







}

@media screen and (max-width:1340px) {
.career-bx .story-txt-info h3 {    margin-bottom: 15px;
    font-size: 35px;}
    .career-bx .story-txt-info p {
        margin-bottom: 15px;
    }
    .articles-txt-info h4 {
        margin-bottom: 5px;
        font-size: 20px;
        line-height: 1.4;
    }
    .articles-list-info {padding-left: 20px;}
    .dashboard-Lt strong {
        font-size: 22px;
    }
    .dashboard-Lt {    font-size: 16px;}



}

@media screen and (max-width:1199px) {
    body {
        font-size: 14px;
    }

    h1 {
        font-size: 35px;
    }

    h2 {
        font-size: 30px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 18px;
    }

    .btn-custom-big {
        height: 50px;
        line-height: 50px;
    }

    .logo {
        width: 140px;
    }

    .navigation ul li {
        margin-right: 20px;
        font-size: 15px;
    }

    .loginBtn a i {
        margin-right: 5px;
        width: 18px;
        flex: 0 0 18px;
    }

    .loginBtn a {
        font-size: 15px;
    }

    .loginBtn {
        margin-right: 20px;
    }

    .register-btn {
        padding: 5px 10px;
        font-size: 15px;
    }

    .register-btn i {
        margin-right: 5px;
        width: 18px;
        flex: 0 0 18px;
    }

    .bannerUper {
        top: auto;
        bottom: 15px;
        transform: inherit;
    }

    .bannerUperInfo h1 {
        margin-bottom: 10px;
    }

    .bannerSlider .owl-controls .owl-nav {
        display: none;
    }

    .categoriesBlockSlider .owl-controls .owl-nav {
        display: none;
    }

    .search-block {
        max-width: 640px;
    }

    .categoriesCard figure {
        display: block;
        width: 40px;
    }

    .popularSearchesCard {
        padding: 10px;
        height: calc(100% - 30px);
    }

    .popularTag {
        font-size: 13px;
    }

    .popularCardImg img {
        height: 100px;
    }

    .cityBlock {
        font-size: 14px;
    }

    .btn-custom-big {
        font-size: 15px;
    }

    .customerJoinImg {
        padding: 10px;
    }

    .customerJoinImgInner {
        padding: 10px;
    }

    .bigImg {
        width: 60px;
        height: 60px;
    }

    .tosmallImg {
        width: 40px;
        height: 40px;
        right: 10px;
        bottom: 110px;
    }

    .smallImg {
        width: 45px;
        height: 45px;
        bottom: 50px;
        left: 30px;
    }

    .testimonialCard {
        border-radius: 15px;
        padding: 15px;
    }

    .testimonialSlider.owl-carousel .owl-stage-outer {
        padding: 120px 0 80px;
    }

    .userImg {
        width: 60px;
        height: 60px;
        margin: -40px 0 10px;
    }

    .starRating {
        width: 80px;
    }

    .testimonialLeft span {
        font-size: 18px;
    }

    .howItWorkCard {
        padding: 15px;
        border-radius: 10px;
    }

    .howItWorkInst {
        padding: 15px;
        border-radius: 10px;
    }

    .howItWorkCard:before {
        border-radius: 0 10px 0 0;
    }

    .arrowBlock {
        top: 49.3%;
    }

    .userImgLogin {
        width: 45px;
        flex: 0 0 45px;
        height: 45px;
    }

    .userInfoBlock span {
        font-size: 16px;
    }

    .upload-image {
        width: 40px;
        height: 40px;
    }

    .upload-image a {
        padding: 10px;
    }

    .upload-image .tooltiptext {
        width: 100px;
        padding: 6px 0;
        font-size: 13px;
    }

    .profile-dash-lt {
        width: 20%;
        flex: 0 0 20%;
    }

    .profile-dash-rt {
        width: 78%;
        flex: 0 0 78%;
    }

    .group-number .tooltiptext {
        right: 40px;
    }



    .caption-card h1 {
        font-size: 42px;
        margin-bottom: 15px;
    }

    .login-layout-rt h2 {
        font-size: 38px;
    }

    .caption-card p {
        font-size: 15px
    }

    .add-services-plan .plan-inner {
        padding: 25px 15px 0;
    }

    .add-services-plan .plan-box {
        margin-bottom: 25px;
        text-align: center;
        background: #fff;
        box-shadow: 0 0 20px #ededed;
        height: calc(100% - 25px);
    }


    .upload-image img {
        max-width: 16px;
    }

    .upload-image {
        width: 35px;
        height: 35px;
        line-height: 0.1;
    }

    .list-mb0 [class*="col-"]:nth-child(4)>div {
        margin-bottom: 30px;
        height: calc(100% - 30px);
    }








    .search-block .btn-custom {
        padding: 10px;
        line-height: normal;
        height: 40px;
        width: 40px;
        text-indent: -999px;
        background-position: center;
    }

    .search-block .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 10px;
        padding-right: 10px;
    }

    .search-box label {
        margin: 0px 0 0 10px;
    }

    .search-inner-block {
        max-width: 90%;
        flex: 0 0 90%;
    }

    .img-sec {
        width: 40px;
        flex: 0 0 40px;
    }

    .search-box label {
        margin: 0px 0 0 5px;
    }

    .search-block .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 6px;
        padding-right: 6px;
    }

    .banner {
        padding-top: 90px;
        padding-bottom: 24px;
    }

    .small-search,
    .search-field {
        width: 49%;
    }

    .categoriesCard figure {
        width: auto;
    }

    .logo {
        width: auto;
    }

    .search-block {
        padding: 9px 8px;
    }

    .testimonialSlider:after {
        min-height: 235px;
    }

    .testimonialBlock .owl-nav {
        width: 75px;
    }

    .btn-custom,
    .btn-orange-outline {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    .recentprice strong {
        font-size: 20px;
    }


    .wrapper-inner {
        padding: 40px 0;
    }

    .villalistcarduper .filter-dropdown {
        top: 123px;
    }

    .keyword-box label {
        font-size: 16px;
    }

    .story-txt-info h3 {
        font-size: 27px;
    }

    .story-txt-info .btn-custom {
        border-radius: 50px;
        padding: 0px 20px;
    }

    .video-btn {
        width: 70px;
        height: 70px;
    }

    .video-btn img {
        width: 20px;
    }

    .testimonialHeading {
        padding-bottom: 10px;
    }

    .testimonialSlider.owl-carousel .owl-stage-outer {
        padding: 120px 0 40px;
    }

    .price-txt {
        font-size: 34px;
    }

    .plan-bx-main {
        padding: 20px 15px;
        border: 1px solid #ddd
    }

    .plan-tp {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .price-txt {
        font-size: 34px;
    }


    .subscription-bx h2 {
        font-size: 36px;
        margin-bottom: 30px;
    }

    .subscription-bx .tab-content {
        margin-top: 30px;
    }

    .subscription-bx .nav-tabs .nav-link {
        font-size: 18px;
    }

    .plan-bx-main .btn-custom {
        margin-top: 19px;
    }

    .plan-bx-main li {
        padding: 10px 0;
        padding-left: 30px;
    }

    .plan-bx-main li:before {
        background-size: contain;
        width: 20px;
        height: 20px;
    }

    .plan-bx-main .top-txt {
        font-size: 22px;
    }



    .my-profile-inner {
        padding: 20px 20px 20px 0px;
    }


    .profile-dash-lt {
        padding: 25px 10px;
    }

    .formpaymentbox ul li {
        padding-right: 10px;
    }

    .browse-bx .browse {
        width: 85px;
    }

    .form-control.check {
        padding-right: 35px;
        font-size: 14px;
        background-position: 92% center;
    }

    .duration-bx .browse {
        width: 55px;
    }

    .articles-list-img img {height: 100%;
        object-fit: cover;}

        .story-txt-info br {
            display: none;
        }

        .dashboard-list {    padding: 10px;}

        .dashboard-Rt {width: 56px;
            height: 56px;
            line-height: 56px;}
            .dashboard-Rt img {
                width: 32px;
            }
            .dashboard-list {
                padding: 15px;
            }
            .vacancy-top-row li {
                padding-right: 15px;
            }
            .vacancy-top-row .form-group-input {
                width: 110px;
            }
            .vacancy-top-row .form-control {    background-position: 90px !important;}
            .dashboard-Lt {
                font-size: 14px;
            }
            .dashboard-Lt strong {
                font-size: 20px;
            }

            .my-price-txt img {
                max-width: 18px;
              }
              .my-price-txt {
                font-size: 14px;
                gap: 5px;
              }


              .my-job-table td {     white-space: nowrap;}


              .user-main-inner {    overflow: auto;}


              .bannerUperInfo .search-inner-block {
                max-width: calc(100% - 48px);
                flex: 0 0 calc(100% - 47px);
            }
            .bannerUperInfo .search-box .selection .select2-selection__rendered {
                padding-right: 16px !important;
                background-position: 99% center;
            }

}
/*1199**/
@media screen and (max-width:991px) {
    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 25px;
    }


    .logo {
        width: 130px;
    }

    .navigation ul li {
        margin-right: 10px;
        font-size: 13px;
    }

    .loginBtn a {
        font-size: 14px;
    }

    .bannerSlider {
        height: 350px;
    }

    .bannerSlider .owl-stage-outer,
    .bannerSlider .owl-stage,
    .bannerSlider .owl-item,
    .bannerSlider .item {
        height: 100%;
    }

    .bannerSlider img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .categoriesBlock {
        padding: 50px 0 20px;
    }

    .categoriesBlock .row {
        justify-content: center;
    }

    .categoriesCard {
        min-height: 160px;
        margin-bottom: 30px;
        height: calc(100% - 30px);
    }

    .popularSearchesBlock {
        padding: 50px 0;
    }

    .popularTag {
        font-size: 10px;
        padding: 5px;
    }

    .btn-custom-big {
        padding: 0 30px;
    }

    .customerJoinInfo {
        padding-left: 0;
    }

    .testimonialBlock {
        padding-top: 40px;
    }

    .logoFt {
        width: 140px;
    }

    .privacyNav li {
        margin-right: 5px;
    }

    .profile-dash {
        display: block;
    }

    .profile-dash-lt {
        width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
    }

    .profile-dash-rt {
        width: 100%;
        flex: 0 0 100%;
    }

    .upload-image {
        top: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
    }

    .upload-image a {
        padding: 10px;
    }

    .upload-image .tooltiptext {
        width: 100px;
        padding: 6px 0;
        font-size: 13px;
    }




    .login-layout {
        flex-direction: column;
    }

    .login-layout-lt {
        padding: 30px 15px;
    }

    .caption-card h1 br {
        display: none;
    }

    .login-layout-stepper {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 20px 15px;
    }

    .login-layout-rt {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 30px 15px 30px;
    }

    .login-layout-stepper ul {
        flex-direction: row;
        width: 100%;
    }

    .login-layout-stepper ul li .icon {
        width: 40px;
        height: 40px;
        border-width: 2px;
    }

    .login-layout-stepper ul li .icon img {
        max-width: 20px;
    }

    .login-layout-stepper ul li:not(:last-child) {
        margin: 0;
    }

    .login-layout-stepper ul li:not(:first-child)::after {
        right: calc(50% + 20px);
        height: 2px;
        width: calc(100% - 40px);
        top: 20px;
        left: inherit;
    }

    .back-icon {
        right: inherit;
        top: 20px;
        left: 15px;
    }

    .login-layout-rt-content {
        width: 100%;
        max-width: 100%;
    }

    .login-layout-rt-content h6 {
        font-size: 20px;
    }

    .step3 figure {
        margin-bottom: 20px;
    }



    .user-box h1 {
        font-size: 30px;
    }

    .user-box .media img {
        width: 50px;
        height: 50px;
    }

    .detail-img-box {
        max-width: 185px;
        min-height: 155px;
    }

    .plan-box {
        margin-bottom: 30px;
        text-align: center;
        background: #fff;
        box-shadow: 0 0 20px #ededed;
        height: calc(100% - 30px);
    }

    .plan-inner {
        padding: 30px 25px 0px 25px;
    }

    .upload-image .tooltiptext {
        display: none;
    }


    .order-clean-txt .media-body h4 {
        font-size: 20px;
    }

    .order-clean-txt .media-body p {
        font-size: 14px;
    }

    .order-price span,
    .order-title p {
        font-size: 14px;
    }

    .order-title h1 {
        font-size: 35px;
    }

    .booking-dtl-amount {
        padding: 15px;
        font-size: 18px;
    }

    .booking-dtl-amount strong {
        font-size: 22px;
    }


    .profile-dash {
        flex-direction: column;
    }

    .profile-dash-lt {
        margin-bottom: 30px;
        width: 100%;
    }

    .profile-dash-rt {
        width: 100%;
        margin-left: 0px;
    }

    .profile-img {
        max-width: 95%;
    }


    .service-dtl .booking-dtl {
        padding-right: 0;
        padding-left: 5px;
    }

    .service-dtl ul.pay-amount-list li {
        font-size: 14px;
    }


    .payment {
        padding: 10px 0 0;
    }

    .payment h2 {
        font-size: 26px;
    }

    .payment figure {
        margin: 0px 0 20px;
    }

    .error {
        padding: 0;
    }

    .error h2 {
        font-size: 26px;
    }

    .error figure {
        margin: 0px 0 20px;
    }

    .list-serach-box {
        margin-bottom: 30px;
    }

    .list-serach-rt {
        text-align: center;
        width: 25%;
    }

    .popularSearchesBlock.browse-services-bx {
        padding-top: 30px;
        background: none;
    }






    .loginBtn {
        margin-right: 10px;
    }

    .categoriesCard img {
        max-width: 70px;
    }

    .categoriesBlock,
    .servicesBlock,
    .recentBlock,
    .recentjobBlock,
    .blog-section {
        padding: 30px 0;
    }

    .recentBlock br,
    .recentjobBlock br {
        display: none;
    }

    .recentSlider .item {
        padding: 10px 10px;
    }

    .availableTag {
        padding: 5px;
        width: auto;
    }



    .cardInfo li {
        font-size: 11px;
    }

    .testimonialHeading {
        padding-bottom: 20px;
        flex-direction: column;
        align-items: start !important;
    }

    .testimonialBlock .owl-nav {
        width: 75px;
    }

    .testimonialSlider.owl-carousel .owl-stage-outer {
        padding: 120px 0 50px;
    }

    .search-box label,
    .search-block .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
    }

    .img-sec {
        width: 35px;
        flex: 0 0 35px;
    }

    .search-field {
        height: 50px;
    }

    .services-card {
        margin-bottom: 30px;
    }

    .services-img::after {
        height: 100%;
        width: 100%;
        background-size: contain;
    }

    .villalistcarduper .filter-title {
        font-size: 22px;
    }

    .wrapper-inner {
        padding: 30px 0;
    }

    .job-listing .job-title {
        font-size: 24px;
    }

    .banner {
        padding-top: 40px;
    }

    .topFooter {
        padding: 30px 0;
    }

    .bottomFooter {
        padding: 20px 0;
    }

    .srch-icon {
        margin-right: 11px;
    }

    .navigation ul li {
        margin-right: 6px;
    }

    .loginBtn a {
        font-size: 13px;
    }

    .detail-bx {
        padding: 15px;
    }

    .job-detail li {
        line-height: 23px;
        margin-bottom: 7px;
        font-size: 14px;
    }

    .job-detail h5 {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .detail-bx {
        margin-bottom: 30px;
    }


    .story-txt-info h3 {
        font-size: 23px;
    }

    .story-txt-info p {
        margin-bottom: 15px;
    }

    .plan-bx-main li {
        padding: 5px 0;
        padding-left: 25px;
        font-size: 13px;
    }

    .price-txt {
        font-size: 30px;
    }

    .plan-bx-main .top-txt {
        font-size: 19px;
    }

    .plan-bx-main li:before {
        background-size: contain;
        width: 15px;
        height: 15px;
        top: 17px;
    }

    .plan-bx-main .btn-custom {
        margin-top: 19px;
        width: 100%;
        font-size: 13px;
    }

    .plan-tp p {
        font-size: 12px;
    }

    .select-plan-main .nav-item h6 {
        font-size: 17px;
    }

    .plan-member h6 {
        margin-bottom: 10px;
        font-size: 18px;
    }

    .plan-member [type="radio"]:checked+label:after,
    .plan-member [type="radio"]:not(:checked)+label:after {

        left: -27px;
        background: #fff;
    }

    .my-profile-inner {
        padding: 20px;
    }

    .profile-dash-lt {
        margin-bottom: 0;
        width: 100%;
        padding-bottom: 0px;
    }

    .duration-bx .browse {
        width: 55px;
    }

    .career-bx .story-txt-info h3 {
        font-size: 26px;
    }
    .articles-list-img img {
        height: auto;}
        .articles-info {margin-top: 10px;
            font-size: 12px;}
            .articles-time {
                line-height: normal;
            }
            .articles-time img {
                margin-right: 7px;
                max-width: 15px;
            }
            .articles-txt-info h4 {        font-size: 16px;}

            .userInfoBlock span small {    font-size: 12px;}
            .userInfoBlock span {
                font-size: 14px;
            }
            .userLoginCard {
                margin-left: 5px;
            }
            .dashboard-Lt {
                font-size: 14px;
                width: 100%;
                margin-top: 10px;
            }
            .dashboard-Lt {
                font-size: 12px;
            }
            .dashboard-Lt strong {
                font-size: 20px;
            }
            .dashboard-list {        margin-bottom: 20px;}
            .dashboard-Lt strong {
                font-size: 25px;
            }
            .dashboard-Lt {
                font-size: 16px;
            }
            .vacancy-top-row {    flex-direction: column;}

            .vacancy-top-row h5 {
              margin-bottom: 20px;
              display: block;
              width: 100%;
              text-align: center;
            }
            .vacancy-top-row ul {
                width: 100%;
                justify-content: center;
            }
            .jobrt-bx {
                width: 100%;
                margin-top: 20px;
            }

            .jobrt-bx .form-group-input {
                width: 100%;
            }


            .jobrt-bx .form-control {
                background-position: 98% !important;
            }


}


@media screen and (max-width:767px) {
    h1 {
        font-size: 25px;
    }

    .iphonNav .logo {
        display: block;
    }

    .logo {
        width: 170px;
        display: block;
    }

    .menuImage {
        margin: 0;
        position: absolute;
        right: 15px;
        top: 4px;
        z-index: 1;
    }

    .menuImage>img {
        height: auto;
        width: 100%;
    }

    .iphon_navigation {
        background: #eef8f7;
        border-radius: 0;
        bottom: 0;
        display: block !important;
        left: -260px;
        margin: 0 !important;
        position: fixed;
        text-shadow: none;
        top: 0;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transform: translateX(-100%);
        width: 260px;
        z-index: 9999;
        padding: 15px !important;
        height: 100% !important;
    }

    .nav-open {
        left: 0 !important;
    }

    .iphon_navigation ul {
        margin: 20px 0 0 0;
        padding: 0px;
        list-style: none;
        display: block;
        overflow: scroll;
        height: calc(100% - 160px);
    }

    .iphon_navigation ul li {
        display: block;
        list-style: none outside none;
        margin: 0;
        padding: 0;
        text-align: left;
        width: 100%;
        position: relative;
        border-bottom: 1px solid rgba(255, 255, 255, 0.11);
    }

    .iphon_navigation ul li:first-child {
        border-top: none;
    }

    .iphon_navigation ul li a img {
        display: none;
    }

    .parentMenu>div.subItem {
        width: 50px;
        height: 40px;
        float: right;
        background: url(../images/faq-arrowup.png) no-repeat center;
        cursor: pointer;
    }

    .parentMenuActive>div.subItem {
        width: 50px;
        height: 40px;
        position: absolute;
        right: 0;
        top: 0;
        background: url(../images/faq-arrowdown.png) no-repeat center !important;
        cursor: pointer;
    }

    .parentMenu>div.subItem {
        background: url(../images/faq-arrowup.png) no-repeat scroll center center transparent;
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        height: 40px;
    }

    .iphon_navigation ul li a {
        color: #1b3c74;
        display: block;
        font-size: 16px;
        text-transform: capitalize;
        line-height: 20px;
        list-style: none outside none;
        margin: 0;
        padding: 10px 0;
        text-decoration: none;
        overflow: hidden;
        font-weight: normal;
    }

    .iphon_navigation ul li a br {
        display: none;
    }

    .iphon_navigation ul li:last-child a {
        margin: 0;
    }

    .iphon_navigation>ul ul {
        background: #529238;
        margin: 0;
        padding: 0;
        width: 100%;
        display: none;
        height: inherit;
        overflow: inherit;
    }

    .iphon_navigation ul ul li {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: left;
        width: 100%;
        border: none;
    }

    .iphon_navigation ul ul li a {
        background: #529238;
        color: #fff;
        display: block;
        list-style: none outside none;
        margin: 0 0 1px;
        text-decoration: none;
        font-size: 15px;
        padding-left: 20px;
    }

    .iphon_navigation ul ul ul {
        margin: 0;
        padding: 0;
        text-align: left;
        width: 100%;
        list-style: none;
    }

    .iphon_navigation ul ul ul li a {
        background: #00435D;
        color: #FFFFFF;
        display: block;
        font-size: 12px;
        list-style: none outside none;
        margin: 0 0 1px;
        padding: 7px 10px;
        text-decoration: none;
        text-transform: uppercase;
    }

    .iphon_navigation ul ul ul li a:hover {
        color: #fff;
        text-shadow: inherit;
        text-decoration: none;
    }

    .loginInfoHead {
        display: none !Important;
    }

    .iphonNav .logo,
    .iphonNav .loginInfoHead {
        display: block !important;
    }

    .iphonNav .loginInfoHead {
        display: block !Important;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        padding: 15px;
    }

    .iphonNav .loginBtn {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .iphonNav .loginBtn a {
        font-size: 14px;
        color: #fff;
        padding: 10px;
    }

    .iphonNav .loginBtn a i img {
        display: block;
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
    }

    .header {
        padding: 10px 0;
    }

    .bannerSlider {
        height: auto;
    }

    .search-block {
        max-width: 100%;
    }

    .bannerUper {
        position: static;
        padding: 15px 0;
    }

    .search-inner-block {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .small-search {
        width: 100%;
        margin-bottom: 10px;
    }

    .big-search {
        width: 100%;
        margin-bottom: 10px;
    }

    .search-block .btn-custom {
        width: 100%;
        flex: 0 0 100%;
        height: 45px;
        line-height: 45px;
    }

    .categoriesBlock {
        padding: 30px 0;
    }

    .categoriesCard {
        min-height: inherit;
        margin-bottom: 10px;
        height: auto;
        padding: 15px;
    }

    .searchBtnOuter {
        padding-top: 5px;
    }

    .popularSearchesBlock {
        padding: 30px 0;
    }

    .headingBlock {
        padding-bottom: 10px;
    }

    .popularSearchesCard {
        padding: 15px;
        height: auto;
        text-align: center;
    }

    .popularTag {
        font-size: 12px;
        padding: 5px 10px;
    }

    .customerJoinBlock {
        padding: 40px 0;
    }

    .customerJoinImg {
        display: none;
    }

    .testimonialSlider {
        padding: 0;
    }

    .testimonialSlider:after {
        display: none;
    }

    .center .testimonialCard {
        box-shadow: 0 5px 20px rgb(0 52 74 / 10%);
    }

    .testimonialSlider.owl-carousel .owl-stage-outer {
        padding: 60px 0 50px;
    }

    .aboutBlock {
        padding: 30px 0;
    }

    .aboutBlockLeft {
        max-width: 100%;
    }

    .aboutBlockHeading {
        padding-bottom: 20px;
        padding-right: 0;
    }

    .aboutBlockHeading h2 {
        margin-bottom: 10px;
    }

    .aboutBlockCard {
        padding: 20px;
        border-radius: 10px;
    }

    .aboutBlockRight {
        display: none;
    }

    .navTwo ul {
        width: 100%;
    }

    .topFooter {
        padding: 40px 0 20px;
    }

    .bottomFooter {
        padding: 20px 0;
        text-align: center;
    }

    .socialLinks {
        margin: 10px 0;
    }

    .privacyNav {
        justify-content: center;
    }

    .reserved {
        text-align: center;
    }

    .arrowBlock {
        display: none;
    }

    .howItWorkInst figure img {
        width: 60px;
    }

    .howItWorkInst p {
        line-height: 22px;
    }

    .categoriesBlock:before,
    .categoriesBlock:after {
        display: none;
    }

    .testimonialBlock .owl-controls .owl-nav {
        top: -28px;
        width: 70px;
    }

    .userLoginCard {
        display: none !important;
    }




    .caption-card h1 {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .login-layout-rt h2 {
        font-size: 26px;
    }

    .login-layout-stepper ul li span {
        font-size: 12px;
    }

    .login-layout-rt label {
        font-size: 14px;
    }

    .caption-card h1 {
        font-size: 32px;
    }

    .login-layout-rt h2 {
        font-size: 28px;
    }

    .login-layout-stepper ul li span {
        display: none;
    }

    .caption-card img {
        max-width: 130px;
    }

    .login-form .modal-body {
        padding: 20px;
    }










    .input-icon {
        top: 40px;
    }



    .cardImg img {
        width: 100%;
    }

    .blogcard {
        margin-bottom: 30px;
    }

    .availableTag {
        width: auto;
    }

    .services-img::after {
        height: 81px;
    }

    .services-info-txt h6 a {
        font-size: 20px;
        padding: 20px 10px;
    }

    .blog-top p {
        margin-bottom: 20px;
    }

    .ftNavHeading,
    .socialInfo .contactInfoRight {
        margin-bottom: 20px;
    }

    .banner {
        padding-top: 50px;
    }

    .small-search {
        border-right: 0px;
        padding-right: 0;
    }

    .search-block .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 10px;
        padding-right: 10px;
        background-position: 98% center;
    }

    .search-box label {
        margin: 0px 0 0 10px;
    }

    .banner-mob {
        display: none;
    }

    .menuImage {
        top: 3px;
    }

    .recentSlider .owl-nav .owl-prev,
    .recentSlider .owl-nav .owl-next {
        width: 30px;
        height: 30px;
        background-color: #fff;
        border-radius: 60px;
        background-size: contain;
    }

    .recent-card,
    .recentjobBlock .recent-card {
        padding: 10px;
    }

    .recentSlider .owl-nav {
        top: 40%;
        transform: translateY(-40%);
    }

    .recentjobBlock .recentSlider .item {
        padding: 10px 5px;
    }

    .recentSlider .owl-nav,
    .categoriesBlockSlider .owl-nav {
        right: 0;
        left: 0;
        z-index: 9;
    }

    /* .btn-custom, .btn-orange-outline {
        height: 35px;
        line-height: 35px;
        font-size: 12px;
        padding: 0 10px;
    } */
    .btn-orange-outline {
        padding: 0 9px;
    }

    .recentprice strong {
        font-size: 17px;
    }

    .recentjobBlock .recentSlider .item {
        padding: 10px 0px;
    }

    .services-img::after {
        height: 100%;
    }

    .services-info-txt h6 a {
        font-size: 16px;
    }

    .servicesList {
        padding-bottom: 10px;
    }

    .recentSlider .owl-nav,
    .categoriesBlockSlider .owl-nav {
        right: 10px;
        left: 10px;
        z-index: 9;
    }

    .nav-open {
        transform: translateX(0);
    }

    .iphon_navigation {
        background: #f5f8fe;
    }

    body.scroll-hidden {
        overflow: hidden;
    }

    .search-block .btn-custom {
        text-indent: initial;
        background-image: none;
        line-height: normal;
    }


    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 15px;
    }

    .ex-btn {
        font-size: 14px;
    }

    .header {
        background: #fff;
    }

    .villalistcarduper {
        margin-bottom: 20px;
    }

    .sortbyebx select,
    .filter-btn {
        height: 40px;
        line-height: 40px;
    }

    .sortbyebx {
        width: 185px;
        margin-left: 10px;
        font-size: 13px;
    }

    .sorttxt {
        width: 75px;
        margin-right: 5px;
    }

    .filter-btn {
        width: 95px;
        font-size: 13px;
        padding-left: 10px;
        margin-right: 0;
        margin-left: 0;
        background-position: 90% center !important;
    }

    .villalistcarduperlt img {
        max-width: 23px;
    }

    .filter-btn i {
        display: none;
    }

    .job-listing .job-title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .recentprice strong {
        font-size: 19px;
    }

    .banner {
        padding-top: 15px;
    }

    .bannerUperInfo h1 {
        margin-bottom: 20px;
    }

    .blogcard {
        margin-bottom: 10px;
    }

    .pagination li {
        margin: 0 2px;
    }

    .amenities-list li {
        width: 30%;

    }

    .villalistcarduper .filter-dropdown {
        top: 83px;
    }

    .amenities-list li:last-of-type {
        margin-bottom: 0px;
    }

    .amenities-list .custom-checkbox {
        height: 39px;
    }

    .amenitiesbx {
        margin-bottom: 5px;
    }

    .amenitiesbx img {
        max-width: 100%;
    }

    .srch-icon {
        width: 21px;
        height: 21px;
        margin-right: 0;
    }

    .srch-block {
        margin-right: 40px;
    }

    .mobile-srch {
        display: block;
    }

    .skills-list li a {
        margin-right: 10px;
    }

    .detail-bx.job-detail {
        margin-bottom: 0px;
    }

    .skills-list li {
        margin-bottom: 10px;
    }

    .skills-list li:last-child {
        margin-bottom: 0px;
    }

    .skills-list {
        flex-wrap: wrap;
    }

    .testimonialSlider.owl-carousel .owl-stage-outer {
        padding: 60px 0 40px;
    }

    .job-alerts-box {
        padding: 20px;
    }

    .job-alerts-box h3 {
        font-size: 24px;
    }

    .agency-underline {
        margin: 15px 0 20px 0;
    }


    .plan-tp p {
        font-size: 14px;
    }

    .plan-bx-main li:before {
        top: 14px;
    }

    .plan-bx-main li {
        font-size: 14px;
    }

    .plan-bx-main .btn-custom {
        width: 227px;
    }

    .subscription-bx .nav-tabs .nav-link {
        font-size: 15px;
    }

    .subscription-bx .nav {
        width: 309px;
    }

    .subscription-bx h2 {
        font-size: 32px;
        margin-bottom: 25px;
    }

    .subscription-bx .tab-content {
        margin-top: 20px;
    }

    .subscription-bx .nav {
        width: 289px;
    }

    .subscription-bx h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .plan-bx {
        margin-top: 30px;
    }

    .select-plan-main .btn-custom.cancel-btn {
        margin-bottom: 15px;
    }

    .plan-member li {
        padding: 15px;
        padding-left: 50px;
    }

    .plan-member [type="radio"]:checked+label,
    .plan-member [type="radio"]:not(:checked)+label {
        line-height: 12px;
        padding-left: 10px;
        font-size: 15px;
        color: #b0b0b0;
    }

    .plan-member h6 {
        font-size: 17px;
    }

    .plan-member [type="radio"]:checked+label:after,
    .plan-member [type="radio"]:not(:checked)+label:after {

        left: -27px;
        background: #fff;
    }

    .select-plan-main .nav-item h6 {
        font-size: 15px;
    }

    .form-control.check {background-position: 98% center;}
    .my-profile-inner .blank {
        display: none;
    }
    .day-box .custom-checkbox {    padding-right: 20px;}
    .skill-bx .skill-title {    font-size: 16px;}


        .story-bx {
            margin-bottom:15px;
        }


        .career-bx .story-txt-info h3 {
            font-size: 23px;
        }


        .dashboard-list {
            padding: 15px;
            flex-direction: column-reverse;
            flex-wrap: wrap;
            align-items: flex-start;
        }
        .dashboard-Rt {
            margin: 0 auto;
        }
        .dashboard-Lt {        text-align: center;}
        .vacancy-top-row .form-group-input {
            width: 100%;
        }
        .vacancy-top-row .form-control {
            background-position: 92% !important;
        }
        .form-switch {
            color: #909090;
            width: 100%;
            justify-content: space-between;
        }
        .vacancy-top-row ul {
            flex-wrap: wrap;
        }
        .vacancy-top-row li {
            margin-bottom: 20px;
            width: 50%;
        }
        .vacancy-box {    margin-top: 10px;}
        .dashboard-Rt {

            width: 66px;
            height: 66px;
            line-height: 66px;
        }
        .vacancy-top-row li:nth-last-child(-n+2) { margin-bottom: 0px;}
        .switch {    width: 30px;
            height: 14px;}

            .slider:before {     bottom: -1px;
                height: 15px;
                width: 15px;}
                .vacancy-top-row .form-control {
                    background-position: 96% !important;
                }

                .my-job li:last-child {
                    padding-right: 15px;
                }

                .select-plan-main .nav-link span {    font-size: 16px;}
                .plan-title {font-size: 17px;}


                .payment-table .table td, .payment-table .table th {    white-space: nowrap;}
                .my-profile-inner {
                    padding: 11px;
                }

                .page-link {
                    padding: 6px 12px;
                }

                .review-box {
                    margin-top: 60px;
                }
                .review-main-bx  .review-box  .testimonialCard {        margin-bottom: 60px; margin-left: 0px; margin-right: 0px;}

                .menuImage { display: block !important; }


                .bannerUperInfo .search-inner-block {
                    max-width: 100%;
                    flex: 0 0 100%;
                }

                .bannerUperInfo .search-block .big-search, .bannerUperInfo .search-block .small-search {
                    width: 100%;
                }
                .search-block .select2-container .select2-selection--single .select2-selection__rendered {
                    padding-left: 10px;
                    padding-right: 10px;
                    background-position: 100% center;
                }
                .bannerUperInfo {
                    padding-right: 0;
                }
}

@media screen and (max-width:575px) {
    .bannerSlider {
        height: 200px;
    }

    .bannerSlider .owl-stage-outer,
    .bannerSlider .owl-stage,
    .bannerSlider .owl-item,
    .bannerSlider .item {
        height: 100%;
    }

    .bannerSlider img {
        height: 100%;
        object-fit: cover;
    }

    .logo {
        display: block;
    }

    .booking-list-top {
        flex-direction: column;
    }

    .booking-list-top .service-list-group {
        width: 100%;
    }

    .service-list-group li:last-child {
        margin-right: 0;
    }

    .service-list-group li {
        width: 100%;
    }

    .add-btn.btn-custom {
        margin-top: 15px;
        width: 100%;
        text-align: center;
    }

    .reject-bx-popup h2 {
        font-size: 20px;
        text-align: center;
        margin-bottom: 6px;
        padding-right: 14px;
    }

    .my-refer-card .email-address button.btn-custom {
        max-width: 100%;
        margin-top: 10px;
    }

    .my-refer-card .email-address form {
        flex-direction: column;
    }

    .my-refer-card .email-address .form-group {
        margin-right: 0px;
    }

    .nav-open .menuImage {
        top: 4px;
    }

    .testimonialBlock {
        padding-top: 30px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 10px;
    }

    .sortbyebx select,
    .sorttxt,
    .filter-btn {
        font-size: 13px;
    }

    .amenities-list li {
        width: 49%;
    }

    .career-box .btn-custom {
        margin-right: 10px;
        width: 143px;
        padding: 0 5px;
        font-size: 13px;
    }
    .articles-list {
        flex-direction: column;
    }
    .articles-list-info {
        padding-left: 0;
        padding-top: 10px;
    }
    .career-box .btn-custom {    margin-right:10px;
        width: 155px;}

        .vacancy-top-row li {        width:100%;}
        .vacancy-top-row li:nth-last-child(-n+2) { margin-bottom: 20px;}
        .vacancy-top-row li:last-child { margin-bottom: 0px;}
        .my-job  .vacancy-top-row li {
            padding-right: 15px;
        }


}