@media(min-width: 1600px) {
    .container {
        max-width: 1250px;
    }
}

@media(max-width: 1600px) {

    .width-14 {
        width: 26%;
    }
}

@media(max-width: 1450px) {


    .menu ul li {
        padding: 0px 12px;
    }



    .tham-drop-down {
        padding: 8px 10px;
    }

    .featured {
        top: 15%;
    }


    .course-content {
        margin-top: 0px;
    }

    .featured-but {
        margin-top: -34px;
    }

    .heart-sec {
        bottom: -18%;
    }
}

@media(max-width: 1200px) {

    .menu ul li {
        padding: 0px 7px;
    }

    .tham-drop-down {
        padding: 5px;
    }

    .menu ul li {
        padding: 0px 5px;
    }



    .tham-drop-down {
        padding: 4px 8px;
    }




    .menu ul li a {
        font-size: 12px;
    }

    .tham-drop-down {
        font-size: 12px;
    }






    .provision-but {
        margin-top: 0;
    }

        .provision-but a {
            padding: 0px 10px;
        }


    /**************************Footer sec*********************************/

    .widget-info .social li a {
        padding: 6px;
        margin: 6px;
    }

    .social li a img {
        height: 15px;
    }

    /*****************************form sec******************************/

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




    /*******************************uk-massage*********************************/

 

    .heart-sec {
        bottom: -25%;
        right: -16%;
    }

    .featured {
        width: 36px;
        height: 36px;
    }
}


@media(max-width: 991px) {

    /***************************************.header-sec.***************************************/



    .menu-icon img {
        display: inline-block;
    }

    .slider-section {
        text-align: center;
    }



    .menu ul {
        display: inline-block;
    }





        .menu ul li {
            padding: 8px 0px;
        }

    .form-width {
        width: 100%;
    }



    .tham-drop-down {
        font-size: 16px;
    }


    .width-50 {
        width: 100%;
    }


    .Rates-sec .price-table-cell {
        margin: 10px 0px;
    }

    .width-25 {
        width: 25%;
    }

    .width-14 {
        width: 40%;
    }

    .width-30 {
        width: 100%;
    }

    .width-70 {
        width: 100%;
    }

    .width-33 {
        width: 48%;
    }


    .width-80 {
        width: 100%;
    }

    .width-20 {
        width: 100%;
    }

    .inner-img img {
        width: 24%;
    }

    .course-content {
        margin-top: 10px;
    }

    .location-image a img {
        width: 100%;
    }
    .featured-btn {
        font-size: 11px;
        padding: 2px 6px 0;
        margin-top:0px;
    }
    .featured-but {
        margin-top: 0;
        margin-right: -5px;
    }
    .featured-btn {
        font-size: 12px;
    }

    .heart-sec {
        bottom: -20px;
        right: 0%;
    }

    .single-course-list {
        margin: 30px 0px;
    }

    .contact-form-wrapper {
        margin-top: 20px;
    }

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


    .about-img img {
        width: 50%;
    }

    .sidebar-details-video-description {
        margin-left: 0px;
        margin-top: 20px;
    }

    .about-wrap {
        text-align: center;
    }

    .sidebar-details-course {
        margin-left: 0px;
        margin-bottom: 20px;
    }
    .single-course-list.row {
        flex-wrap: nowrap;
        column-gap: 10px;
    }

    .heading-keywords .container.row {
        padding: 0;
    }

    section.section.section-padding .container {
        padding: 0;
    }

    .single-course-list.row .width-30 {
        width: 40%;
    }

    .single-course-list.row .width-70 {
        width: 60%;
        margin-top:0px
    }

}



.sidebar-widget {
    width: auto;
}



.slider-form {
    margin: 20px 0px;
}


@media(max-width: 767px) {

    /************* header sec***********************/

    .heading-keywords .top-search-bx .keywords {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .tham-but {
        padding: 8px 10px;
    }
    .form-width {
        width: 100%;
    }


    .width-50 {
        width: 100%;
        flex: 0 0 auto;
    }



    .price-table-cell {
        margin: 10px 0px;
    }

    .menu-icon img {
        width: 80%;
    }


    .keywords .keywords-item {
        width: -webkit-fill-available;
        width: -moz-available;
    }

    .btn-warning {
        width: 100%;
        margin: 5px 0px;
    }

    .provision-but .call a {
        width: auto;
    }

    .heart-sec {
        bottom: -54px;
        right: -6%;
    }

    .course-sec-image {
        padding-right: 0;
    }

    .gallery-container {
        width: 100%;
    }

    .gallery-item {
        flex-basis: 49.80%;
        margin-bottom: 3px;
    }

    .lightbox-content {
        width: 80%;
        height: 60%;
        margin: 15% auto;
    }
    .single-course-list.row.advert-list-row {
        border-radius: 5px;
        padding: 0;
        position: relative;
    }
        .single-course-list.row.advert-list-row .course-image.width-30 {
            width: 40%;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
        }
        .single-course-list.row.advert-list-row .course-sec-image {
            padding: 0px;
            height: 100%;
        }
        .single-course-list.row.advert-list-row .service-img {
            max-height: 100%;
            overflow: hidden;
            border-radius: 0;
            height: 100%;
            border-top-left-radius: 10px;
            border-bottom-left-radius: 10px;
        }
            .single-course-list.row.advert-list-row .service-img img {
                height: 100%;
            }
        .single-course-list.row.advert-list-row .width-70 {
            width: 100%;
            margin-top: 0px;
            padding-left: 43%;
        }
    .advert-list-row .call {
        display: flex;
        width: 100%;
        justify-content: end;
        column-gap: 5px;
        padding-right: 10px;
    }
    .advert-list-row .call span img {
        max-height: 20px;
    }
        .advert-list-row .call span {
            display: flex;
            column-gap: 5px;
            align-items: center;
            padding: 0 10px;
        }
}




@media(max-width: 639px) {

    .price-table-cell {
        margin: 0px;
    }

    .banner-lft h2 {
        font-size: 32px;
        line-height: 45px;
    }


    .banner-lft .title br {
        display: none;
    }

    .footer-copyright {
        padding: 15px 0;
    }

    .btn-primary {
        height: 40px;
    }

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

    .menu-icon img {
        width: 50%;
    }


    .widget-link ul {
        margin-top: 20px;
    }

    .service-row {
        display: inline-block;
    }

    .number-sel {
        width: 30% !important;
    }


    .width-14 {
        width: 100%;
    }

    .advanced-search input {
        width: -webkit-fill-available;
        width: -moz-available;
    }

    .course-list-wrapper {
        width: 100%;
        margin-top: 0;
    }

    .course-top-text {
        margin-top: 0px;
    }

    .provision-but {
        display: inline-block;
        width: 100%;
    }

    .call {
        width: 100%;
    }

    .provision-but .Message a {
        margin-left: 0px;
        width: auto;
    }

    .inner-img img {
        border-radius: 4px !important;
    }

    .page-pagination {
        margin: 10px 0px;
    }


    .featured-but-them {
        display: inline-block;
    }

        .featured-but-them a {
            padding: 0px;
        }

            .featured-but-them a button {
                width: 180px;
            }

    .heart-sec {
        width: 10%;
        bottom: -20px;
        right: 0%;
    }

    .sidebar-widget .widget-tags ul {
        display: inline-block;
        column-count: 3;
    }

        .sidebar-widget .widget-tags ul li {
            padding-top: 14px;
        }
    .logo img {
        max-width: 110px;
    }
    .tham-but {
        padding: 8px 6px;
    }
    .slider-form {
        padding: 20px;
    }
    .but-login a {
        padding: 8px 6px;
    }
    .but-login {
        margin-left: 8px;
    }
    .menu-icon {
        text-align: center;
    }
    .dashboard-col {
        width: 47%;
    }

}

@media(max-width: 576px) {
    .dashboard-col {
        width: 100%;
        min-height: inherit;
        position: relative;
    }

    .view-detail-btn {
        width: 100%;
        text-align: center;
        margin-top: 20px;
        position: initial;
        bottom: 20px;
    }
    .login-form form {
        padding: 20px;
    }
    .banner-lft p br {
        display: none;
    }

    .column-count {
        column-count: 2;
        margin-top: 10px;
    }

    .btn-primary {
        line-height: 20px;
    }

    .width-25 {
        width: 100%;
    }

    .footer-widget {
        margin-top: 0px;
    }

    .widget-link ul {
        margin-top: 20px;
    }

    .social-boder {
        margin-top: 10px;
    }

    .heading-keywords {
        margin-top: 15px;
    }

    .form-impotant-message p, .i-agree-to-Pibilo ol li {
        font-size: 14px;
        line-height: 22px;
    }

    .post-ad-form-outer {
        padding: 15px;
    }


    .form-impotant-message {
        padding: 15px;
        margin-top: 15px;
    }
    .login-form h1 {
        font-size: 24px;
    }

    input.extra-fee-input-bx {
        outline: none;
        width: 100%;
    }

    .Rates-sec .price-table-cell {
        margin: 10px 0px;
        width: 80%;
    }

    .Important-dot {
        list-style: outside;
        margin: 5px 15px;
        font-size: 14px;
        line-height: 22px;
    }

    .form-separate-box .widget-title {
        font-size: 16px;
    }

    .extra-form-sec .price-table-row {
        column-count: 2;
        margin: 10px 0px;
    }

    .single-form.extra-form-sec input.extra-fee-input-bx {
        outline: none;
        width: 60px;
    }

    .form-label h4 {
        margin-top: 5px;
    }

    .tham-but, .but-login a {
        font-size: 14px;
    }

    .top-search-bx {
        display: inline-block;
        margin-right: -5px;
        margin-left: -5px;
        width: 100%;
    }

        .top-search-bx .keywords {
            padding-left: 5px;
            padding-right: 5px;
            float: left;
            width: 47%;
            margin-bottom: 10px;
        }

            .top-search-bx .keywords .btn {
                width: -webkit-fill-available;
                width: -moz-available;
            }

    .keywords-3.row.content-center.width-100 {
        display: inline-block;
        width: 100%;
    }

    .course-sec-image {
        padding: 0px;
    }

    .offer-li {
        column-count: 2;
    }
    .slider-form-row {
        gap: 10px;
        flex-wrap: wrap;
    }
    .banner-select {
        width: 100%;
    }
    .search-btn {
        height: 35px;
        width: 100%;
    }
    .but-login a {
        padding: 8px 6px;
    }
    .tham-but, .but-login a {
        font-size: 12px;
    }
    .heading-keywords .top-search-bx .keywords {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .pb-advert-img {
        width: 130px;
        height: 130px;
    }
    .pb-advert-more-cta .pb-thm-btn {
        padding: 4px 10px;
        font-size: 12px;
        margin-left: 0;
    }
    .pb-advert-right-detail p {
        margin: 0 0 7px;
    }
    .pb-advert-right-detail span {
        column-gap: 5px;
        margin-bottom: 5px;
    }
    .pb-more-cta {
        width: 35px;
        height: 32px;
    }
    .pb-advert-right-detail {
        width: calc(100% - 130px);
    }
}

@media(max-width: 479px) {
    .course-top-text h4 {
        font-size: 14px;
    }

    .course-top-bar .label {
        font-size: 14px;
    }

    .sort-by-bx .form-select.form-control {
        padding: 5px;
    }

    .top-search-bx .keywords {
        width: 100%;
    }

    .course-list-wrapper {
        padding-top: 15px;
    }

    .single-course-list .course-content .title {
        margin-top: 15px;
    }

    .single-course-list {
        border-radius: 5px;
        padding: 10px;
    }

    .single-course-list {
        margin: 15px 0px;
    }

    .service-img {
        border-radius: 5px;
    }



    .top-search-bx .keywords .keywords-item {
        width: -webkit-fill-available;
        width: -moz-available;
    }

    .widget-link .link li a {
        line-height: 22px;
        font-size: 14px;
    }

    .widget-link .link li {
        margin: 5px 0;
    }

    .footer-widget p {
        color: #333333;
        font-size: 14px;
        line-height: 22px;
        font-weight: 400;
        margin-top: 0;
    }

    .pagination a {
        height: 25px;
        width: 25px;
        line-height: 25px;
        font-size: 12px;
    }

    .single-course-list .course-content .title {
        margin-top: 5px;
    }

        .single-course-list .course-content .title a {
            font-size: 14px;
            font-weight: 700;
            margin-top: 5px;
            -webkit-line-clamp: 3;
            text-overflow: ellipsis;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            word-wrap: break-word;
        }
    .provision-but span.btn {
        height: 34px;
        line-height: 32px;
        font-size: 13px;
    }

    .single-course-list .course-content p {
        line-height: 20px;
        font-size: 13px;
        margin-top: 5px;
    }

    .sidebar-widget .widget-tags ul {
        column-count: 2;
    }

    .sidebar-widget {
        margin-top: 80px;
    }

    .sidebar-details-video-description .sidebar-description .price .sale-price {
        font-size: 18px;
    }

    .sidebar-details-course {
        margin-top: 30px;
        padding: 10px;
    }

    .sidebar-details-video-description .sidebar-description {
        padding: 10px;
    }

    .sidebar-course-item {
        display: flex;
        align-items: center;
        gap: 14px;
    }

    .services-slider {
        padding: 5px 10px;
    }

    .owl-carousel button.owl-dot {
        width: 10px;
        height: 10px;
    }

    .gallery-item {
        flex-basis: 100%;
        margin-bottom: 1px;
    }

    .lightbox-content {
        width: 90%;
        margin: 20% auto;
    }




    .banner-lft h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .banner-lft p {
        line-height: 26px;
        margin-top: 3px;
    }


    .form-select {
        font-size: 14px;
        padding-right: 24px;
    }


    .width-33 {
        width: 100%;
    }


    .section-padding {
        padding-top: 34px;
    }

    .category-wrapper {
        padding-top: 14px;
    }

    .Countries-content a {
        margin: 14px 0px;
        padding: 15px 20px;
    }

    .about-img img {
        display: none;
    }



    .single-form {
        margin: 10px 0px;
    }

    .column-count {
        column-count: 1;
    }

    .price-table-cell input {
        width: 30% !important;
    }
    .service-img {
        max-height: 300px;
        overflow: hidden;
        border-radius: 10px;
    }
    .logo img {
        max-width: 100px;
    }
    .but-login a:last-child {
        padding-right: 0;
    }
    .single-course-list.row.advert-list-row {
        border-radius: 5px;
        padding: 0;
        position: relative;
    }
        .single-course-list.row.advert-list-row .course-image.width-30 {
            width: 30%;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
        }

        .single-course-list.row.advert-list-row .course-sec-image {
            padding: 0px;
            height: 100%;
        }

        .single-course-list.row.advert-list-row .service-img {
            max-height: 100%;
            overflow: hidden;
            border-radius: 0;
            height: 100%;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }

            .single-course-list.row.advert-list-row .service-img img {
                height: 100%;
            }

        .single-course-list.row.advert-list-row .width-70 {
            width: 100%;
            margin-top: 0px;
            padding-left: 33%;
            padding-right:5px;
        }
    .advert-cat {
        margin-top: 10px;
    }
    .advert-list-row .call {
        display: flex;
        width: 100%;
        justify-content: start;
        column-gap: 5px;
        padding-right: 10px;
    }
        .advert-list-row .call a {
            display: flex;
            align-items: center;
            padding: 0 7px;
            line-height: 32px;
            gap: 7px;
        }
        .advert-list-row .call a img {
            max-height: 20px;
        }
    .provision-but a img {
        margin-right: 0px;
    }
 
    .main-container-section {
        padding: 15px 0;
    }
        
}

@media(max-width: 359px) {
    .heart-sec {
        width: 10%;
        bottom: -13px;
        right: 0%;
    }
    .tham-but, .but-login a {
        font-size: 11px;
    }

    .featured {
        top: 19%;
        right: -6%;
    }
}