/* -------- Media-  */

@media screen and (max-width:1260px) {
    .vd-ab-btns button {
        padding: 18px 16px;
        font-size: 10px;
    }

    .vd-ab-btns a {
        padding: 18px 16px;
        font-size: 11px;
    }

    .right .vdr-btns button {
        padding: 18px 20px;
        font-size: 14px;
    }

    .section_images {
        padding: 30px 20px;
    }

    .Hsec2-buttons-main {
        grid-template-columns: repeat(3, 1fr);
    }


    .main-nav {
        padding: 10px 10px;
    }

    .homemainsec2 {
        gap: 10px;
    }

    section#Hero {
        margin-top: auto;
    }

    section.section.home-sec1 {
        padding: 0 !important;
    }


    .swiper.mySwiper.swiper-coverflow.swiper-3d.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-watch-progress {
        padding-top: 0% !important;
    }

    .swp-img img {
        width: 65px;
        height: 65px;
    }

    .login-container {
        margin-top: 2rem;
    }

    .lswitch-btn {
        font-size: 13px;
    }

    .section_images {
        padding: 30px 20px;
    }
}

@media screen and (max-width:1182px) {

    .nav ul {
        gap: 18px;
    }

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

    .nav-btn,
    .nav-btn1 {
        padding: 13px 23px;
    }

    .nav ul li .active::after {
        bottom: -29px;
    }

    .hero-content h2 {
        font-size: 46px;
        line-height: 52px;
    }

    .hero-content p {
        font-size: 16px;
    }

    .sec5-contents h1 {
        font-size: 34px;
        line-height: 52px;
    }

    .sec5-contents p {
        font-size: 16px;
    }

    .homemainsec2 {
        grid-template-columns: repeat(2, 1fr);
    }

    footer .mian-footer {
        grid-template-columns: repeat(3, 1fr);
    }

    .mian-footer .ft-logo {
        width: 140px;
        margin-right: 0px;
    }

    .homemainsec2 {
        gap: 10px;
    }

    section#Hero {
        margin-top: auto;
    }

    section.section.home-sec1 {
        padding: 0 !important;
    }


    .swiper.mySwiper.swiper-coverflow.swiper-3d.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-watch-progress {
        padding-top: 0% !important;
    }

    .swp-img img {
        width: 65px;
        height: 65px;
    }

    .login-container {
        margin-top: 2rem;
    }

    .lswitch-btn {
        font-size: 13px;
    }

    .section_images {
        padding: 80px 20px;
    }

    section.category-wise h1 {
        font-size: 50px;
    }
}

@media screen and (max-width:1068px) {
    .buss-inn-inp-main {
        flex-direction: column;
    }

    .buss-inn-inp-main input,
    .buss-inn-inp-main select {
        max-width: 100%;
    }

    .sec-tit h2 {
        font-size: 40px;
    }

    section.wedding-realm {
        padding: 70px 0 87px;
    }

    section.section-video {
        padding: 0 0 87px;
    }

    section.our-vision {
        padding: 0 0 87px;
    }

    section.about-costing {
        padding: 87px 0;
    }

    section.in-news {
        padding: 87px 0;
    }

    .new_services_texts>h2 {
        font-size: 34px;
    }

    .new_services_texts>h6 {
        font-size: 18px;
    }
}

@media screen and (max-width:992px) {
    .container-custom {
        padding: 0 15px;
    }

    .logRegForm h2 {
        font-size: 30px;

    }

    section.vendor-auth .right-content {
        min-height: 600px;
    }

    .logRegForm {
        margin: 60px 0px;
    }

    .header nav.nav {
        justify-content: space-between;
    }

    section.finding-vister {
        background: #F0F5F7;
        padding: 100px 0 120px;
    }

    .nav-btn-sm {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .nav-btn-sm i {
        font-size: 25px;
        cursor: pointer;
    }

    .main-nav {
        padding: 10px 40px;
    }

    #cross {
        display: none;
    }

    .nav ul {
        flex-direction: column;
        position: fixed;
        top: 62px;
        /* border-top: 1px solid #22222214; */
        min-height: 100vh;
        right: -300px;
        background: white;
        width: 280px;
        justify-content: start;
        align-items: start;
        padding: 30px;
        transition: all 0.5s;
        z-index: 2900;
    }

    .nav .navopen {
        right: 0;
    }

    .nav ul li .active::after {
        bottom: -2px;
    }

    .section {
        padding: 80px 80px;
    }

    .homemainsec2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .Hsec2-buttons-main a {
        font-size: 14px;
    }

    .sec3overl,
    .sec3overlr {
        display: none;
    }

    .sec5img {
        width: 100%;
    }

    .main-sec5 {
        gap: 80px;
        flex-direction: column;
    }

    footer .mian-footer {
        grid-template-columns: repeat(2, 1fr);
    }

    .homemainsec2 {
        gap: 10px;
    }

    section#Hero {
        margin-top: auto;
    }

    section.section.home-sec1 {
        padding: 0 !important;
    }



    .swiper.mySwiper.swiper-coverflow.swiper-3d.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-watch-progress {
        padding-top: 0% !important;
    }

    .swp-img img {
        width: 65px;
        height: 65px;
    }

    .login-container {
        margin-top: 2rem;
    }

    .lswitch-btn {
        font-size: 13px;
    }

    .section_images {
        padding: 30px 20px;
    }

    .main-timer-devider {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .main-timer-devider-left {
        justify-content: center;
        align-items: center;
    }

    .main-feild-wrapper {
        align-items: center;
        width: 100%;
    }

    #monday-timer {
        width: 100%;
    }

    .col-inp-m {
        flex: 1;
    }

    .sec-tit h2 {
        font-size: 35px;
    }



    .header nav.nav {
        min-height: 72px;
    }

    section.hero-banner .banner-btn {
        min-height: 230px;
    }

    section.hero-banner .pulse-button {
        width: 305px;
        height: 50px;
        font-size: 17px;
    }

    .sec2-heading h2 {
        font-size: 40px;
    }

    section.wedding-business {
        padding: 76px 0 60px;
    }

    footer .mian-footer {
        column-gap: 20px;
        padding: 70px 0 90px;
    }

    main.main {
        margin-top: 74px;
    }

    section.testimonials {
        padding: 70px 0;
    }

    section.wedding-realm {
        padding: 60px 0 77px;
    }

    .sec1-heading h2 {
        font-size: 36px;
    }

    section.section-video p.top-title {
        margin-bottom: 25px;
    }

    section.section-video p {
        font-size: 17px;
    }

    section.section-video p.bottom-title {
        margin-top: 25px;
    }

    section.section-video {
        padding: 0 0 75px;
    }

    section.our-vision {
        padding: 0 0 75px;
    }

    h3.sub-heading {
        font-size: 24px;
        line-height: 24.04px;
    }

    section.our-vision p {
        font-size: 17px;
    }

    section.about-costing {
        padding: 75px 0;
    }

    section.about-costing p {
        font-size: 17px;
    }

    section.in-news {
        padding: 75px 0;
    }

    section.in-news .description p {
        font-size: 17px;
    }

    section.in-news h4 {
        font-size: 17px;
        margin-top: 35px;
    }

    .hero-content h2 {
        font-size: 42px;
        line-height: 46px;
    }

    section.finding-vister {
        padding: 80px 0 95px;
    }

    section.vend-dash-hero .vender-info-inner {
        display: block !important;
    }

    section.vend-dash-hero .vender-info-inner .right {
        flex-direction: row-reverse;
        gap: 27px;
        margin: 25px auto;
        padding-bottom: 25px;
    }

    section.blog-hero-banner .banner-inner {
        min-height: 305px;
    }

    section.blog-hero-banner .label-title {
        font-size: 29px;
        padding: 14px 20px;
    }

    section.blog-hero-details .blog-details-content-btn a {
        width: 234px;
        height: 50px;
        font-size: 17px;
    }

    section.blog-articles-section .articles-wrapper {

        grid-template-columns: repeat(1, 1fr);
    }

    .main-profileEdit .profile-photo {
        margin-top: 65px;
        padding-bottom: 65px;
        display: block !important;
    }

    .main-profileEdit .profile-photo .right {
        display: flex;
        justify-content: flex-end;
        margin-top: 20px;
    }

    .profile-edit-wrap .profile-personal-info {
        padding: 65px 0 85px;
    }

    .profile-edit-wrap .pb-115px {
        padding: 0 0 80px;
    }

    .profile-edit-wrap .vh-heading h2 {
        font-size: 36px;
        line-height: 42.8px;
    }

    .main-profileEdit .vh-sm-heading {
        font-size: 15px;
        padding: 8px 0 0;
    }

    .profile-edit-wrap .main-inp .lgb-input {
        gap: 14px;
    }

    .profile-edit-wrap .main-inp label {
        font-size: 16px;
    }

    .profile-edit-wrap .main-inp-p {
        margin-top: 23px;
    }

    .profile-edit-wrap .main-inp .lg-input {
        gap: 14px;
    }

    .profile-edit-wrap .timer-wrapper {
        column-gap: 30px;
    }

    .profile-edit-wrap .ptof-edit-title h1 {
        font-size: 42px;
    }

    article.single-post .single-content {
        font-size: 16px;
        line-height: 26.8px;
    }

    article.single-post .sidebar-card h3 {
        font-size: 26px;
        margin-bottom: 17px;
    }

    article.single-post .sidebar-card li a {
        font-size: 16px;
        line-height: 26.8px;
    }

    .mb-35px {
        margin-bottom: 27px;
    }

    section.vendor-auth .logRegForm h3 {
        font-size: 22px;
    }

    section.vendor-auth .profile-photo p.vh-sm-heading {
        font-size: 13px;
        line-height: 20.4px;
    }

    section.vendor-auth .vend-photos-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    section.blog-articles-section .article-cat a {
        width: fit-content;
    }

    section.category-wise h1 {
        font-size: 46px;
    }

    section.book-weedding-services {
        padding: 25px 0 65px;
    }

    section.book-weedding-services a {
        font-size: 16px;
        padding: 13px 67px;
    }

    section.book-weedding-services button {
        font-size: 16px;
        padding: 13px 67px;
    }

    section.popular-vendors-cards .custom-proposal {
        font-size: 15px;
        padding: 12px 0;
    }

    section.popular-vendors-cards {
        padding-bottom: 75px;
    }

    section.popular-vendors-cards .view-more {
        font-size: 16px;
        padding: 13px 30px;
        width: 280px;
    }

    section.genrate-budget {
        padding: 80px 0 91px;
    }

    section.genrate-budget .search_fields button {
        padding: 13px 25px;
        font-size: 15px;
    }

    section.proposed-budget {
        padding-bottom: 75px;
    }

    section.budget-summary {
        padding-bottom: 75px;
    }

    section.proposed-budget-chart {
        padding-bottom: 75px;
    }

    section.actual-budget-chart {
        padding-bottom: 75px;
    }

    section.actual-expense-chart {
        padding-bottom: 75px;
    }

    section.under-budget-chart {
        padding-bottom: 75px;
    }

    section.budget-summary h2 {
        font-size: 36px;
        margin-bottom: 35px;
    }

    section.booking-section a {
        font-size: 16px;
        padding: 14px 50px;
    }

    div#wedding_budget_all_data {
        padding-bottom: 45px;
    }

    div#wedding_budget_all_data th,
    div#wedding_budget_all_data td {
        font-size: 15px;
    }

    section.proposed-budget .form-control {
        min-height: 42px;
        min-width: 130px;
    }

    section.budget-summary th,
    section.budget-summary td {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    section.proposed-budget {
        padding-bottom: 45px;
    }

    section.budget-summary {
        padding-bottom: 45px;
    }

    section.proposed-budget-chart {
        padding-bottom: 45px;
    }

    section.actual-budget-chart {
        padding-bottom: 45px;
    }

    section.actual-expense-chart {
        padding-bottom: 45px;
    }

    section.under-budget-chart {
        padding-bottom: 45px;
    }

    .requestCustomProposal .modal-dialog {
        max-width: 750px !important;
    }

    .requestCustomProposal .modal-body {
        flex-direction: column;
    }

    .requestProposalModal .modal-body {
        flex-direction: column;
    }

    .requestCustomProposal .modal-body .or {
        display: block;

    }

    .requestCustomProposal .modal-body h4 {
        font-size: 26px;
        line-height: 28.12px;
    }

    .requestCustomProposal h2 {
        font-size: 36px;
        line-height: 35.8px;
    }

    .requestProposalModal h2 {
        font-size: 36px;
        line-height: 35.8px;
    }

    section.custom-proposals {
        padding: 60px 0;
    }

    section.custom-proposals h2 {
        font-size: 32px;
    }

    section.custom-proposals .custom-proposal-request input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }

    section.custom-proposals .custom-proposal-request input[type=checkbox]:checked:before {
        width: 20px;
        height: 20px;
    }

    section.custom-proposals .custom-proposal-request label {
        font-size: 16px;
        line-height: 1;
    }

    section.custom-proposals label.form-label {
        font-size: 16px;
    }

    section.custom-proposals h2 {
        font-size: 30px;
    }

    section.vend-details.details-sec .service-type a.ancor_tag {
        gap: 10px;
        padding: 18px 15px;
    }
}

@media screen and (max-width:992px) {
    section.vend-details.details-sec .location {
        margin-bottom: 45px;
    }

    section.vend-details.details-sec {
        padding-bottom: 60px;
    }

    .vend-details-video .sec2-heading h2 {
        margin-bottom: 45px;
    }

    .swiper-bridal-trou .swiper-wrapper {
        margin: 50px 0 30px;
    }

    .related-vendors .sec2-heading h2 {
        margin-bottom: 35px;
    }
}

@media screen and (max-width:868px) {
    .vd-ab-btns button {
        padding: 18px 0px;
    }

    .vd-ab-btns a {
        padding: 18px 0px;
    }

    .right .vdr-btns button {
        padding: 18px 0px;
        font-size: 12px;
    }

    .ab-catg-texts p {
        font-size: 16px;
    }

    .vend-photos-main h2,
    .vd-contact-details h2 {
        font-size: 30px;

    }

    .section_images {
        padding: 80px 20px;
    }

    .sec1-title h5 {
        font-size: 16px;
    }

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

    .vh-heading h1 {
        font-size: 30px;
    }

    .vh-heading p {
        font-size: 14px;
    }


}

@media screen and (max-width:768px) {
    .Herosection {
        min-height: 80vh;
    }

    .Herosection .hero-content {
        width: 100%;
        padding: 60px 40px;
    }

    .hero-content h1 {
        font-size: 36px;
        line-height: 52px;
    }

    .hero-content p {
        font-size: 16px;
    }

    .main-input-sec {
        flex-direction: column;
        max-height: 100px !important;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        display: contents;
    }

    .main-or {
        padding-top: 20px;
    }

    .input {
        width: 100%;
    }

    .sec5-contents h2 {
        font-size: 36px;
        line-height: 52px;
    }

    .sec5-contents p {
        font-size: 16px;
    }

    .main-nav {
        padding: 10px 10px;
    }

    .section {
        padding: 80px 40px;
    }

    .sec1-heading h2 {
        font-size: 35px;
    }

    .sec2-heading h2 {
        font-size: 30px;
    }

    .Hsec2-buttons-main {
        grid-template-columns: repeat(2, 1fr);
        gap: 17px;
    }

    .homemainsec2 {
        gap: 10px;
    }

    section#Hero {
        margin-top: auto;
    }

    section.section.home-sec1 {
        padding: 0 !important;
    }


    .swiper.mySwiper.swiper-coverflow.swiper-3d.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-watch-progress {
        padding-top: 0% !important;
    }

    .swp-img img {
        width: 65px;
        height: 65px;
    }

    .login-container {
        margin-top: 2rem;
    }


    .logRegForm {
        margin: 50px 0px;
    }

    .lswitch-btn {
        font-size: 13px;
    }


    .editicon-img {
        width: 40px;
    }

    .bot-content .left .vh-heading h1 {
        text-transform: uppercase;
        font-size: 36px;
    }

    .vh-heading img {
        width: 20px;
        height: 20px;
    }

    .left .ve-h-btns .bh-btn {
        padding: 10px 10px;
        min-width: 145px;
    }

    .vd-about .heading,
    .vend-photos-main h2 {
        text-align: center;
        font-size: 35px;
    }

    .ab-catg-texts {
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .vend-photos-main h2,
    .vd-contact-details h2 {
        text-align: center;
    }

    .vd-contact-main {
        width: 100%;
        /* padding: 0 10px; */
        justify-content: center;
        /* align-items: center; */
    }

    .section_images {
        padding: 30px 20px;
    }

    form#globalSearchForm .input {
        padding: 15px;
    }

    .main-or::before {
        top: -1px;
    }

    .main-input-sec {
        position: relative;
        z-index: 2;
    }

    section.vendor-auth {
        padding: 0 0 45px;
    }

    .logRegForm {
        margin: 55px 0px 0;
        padding: 0;
    }

    .logRegForm .LRForm {
        margin-top: 35px;
        gap: 25px;
        padding-right: 0;
    }

    section.vendor-auth .right-content {
        min-height: 590px;
    }

    .login-rightside {
        margin-top: 40px;
    }

    .log-upper-swith-btn {
        padding-right: 0;
    }

    .col-md-8.description_div {
        margin-left: 6px;
    }

    .text_below_website_field {
        width: 104% !important;
        font-size: 14px !important;
    }

    h2.sub_title.our_services_title {
        font-size: 2rem !important;
    }

    h2.fw-bold.mb-4.sub_title.negotiation-title {
        font-size: 32px !important;
    }

    p.text-muted.mb-4.sub_title.negotiation-text {
        font-size: 18px !important;
    }

    h2.fw-bold.mb-3.sub_title.negotiation_banner_title {
        font-size: 32px;
    }

    a.logo_mobile.text-center {
        padding-top: 10px;
    }

    .negotiation-banner-section {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .negotiation-banner-image {
        background-image: url('/new-design/assets/media/negotiated_banner_group_image_mobile_view.png') !important;
        min-height: 700px;
        align-items: start !important;
        padding-top: 30px;
    }

    .wedding-planner-banner-image {
        background-image: url('/new-design/assets/media/wedding_planner_section_mobile.png') !important;
        min-height: 700px;
        align-items: start !important;
        padding-top: 30px;
    }

    .fs-custom {
        font-size: 16px;
    }

    .model-close-btn {
        right: -6px;
        top: -3.2px;
    }

     .wedding-gennie-banner-image {
        background-image: url('/new-design/assets/media/wedding_genie_mobile.png') !important;
        min-height: 700px;
        align-items: start !important;
        padding-top: 30px;
    }

     .wedding-genie-hero {
        background-position: center;
    }
}

@media screen and (max-width: 767px) {
    p.text-center.image_text {
        font-size: 21px;
    }

    .main-dashhero2 {
        height: 30vh;
    }

    .change_price_modal {
        margin-top: 6rem;
    }

    .main-dashhero {
        height: 30vh;
    }

    section.about-video video {
        width: 100%;
        height: 100%;
    }

    section.in-news iframe {
        height: 13rem;
        border-radius: 15px;
    }

    section.in-news .thumbnail {
        height: 100%;
        border-radius: 15px;
    }

    .img-fluid {
        height: 13rem;
    }

    section.vend-details {
        padding: 40px 0 0;
    }

    section.vend-gallery {
        padding: 40px 0 55px;
    }

    .vd-contact-details {
        margin-top: 50px;
    }

    .profile-edit-wrap .timer-wrapper {
        grid-template-columns: repeat(1, 1fr);
        column-gap: 0;
    }

    .profile-edit-wrap .ptof-edit-title h1 {
        font-size: 36px;
    }

    .profile-edit-wrap .profleEdit-card {
        margin-top: 35px;
        padding: 35px 28px 40px
    }

    .profile-edit-wrap .user-img-div {
        width: 145px;
        height: 145px;
    }

    .profile-edit-wrap .left .user-img {
        width: 145px !important;
        height: 145px !important;
    }

    .main-profileEdit .profile-photo {
        margin-top: 45px;
        padding-bottom: 51px;
    }

    .profile-edit-wrap .save-btn {
        width: 209px;
        height: 49px;
        font-size: 16px;
    }

    .profile-edit-wrap .vh-heading h2 {
        font-size: 32px;
        line-height: 36.8px;
    }

    .profile-edit-wrap .profile-personal-info {
        padding: 45px 0 65px;
    }

    .profile-edit-wrap .pb-115px {
        padding: 0 0 60px;
    }

    .main-profileEdit .vh-sm-heading {
        padding: 0;
    }

    .profile-edit-wrap .add-video-inp {
        margin-top: 20px;
    }

    .profile-edit-wrap .is-appointment-only {
        margin: 15px 0 30px;
    }

    .profile-edit-wrap .is-appointment-only label {
        font-size: 17.09px;
        line-height: 24.55px;
    }

    .profile-edit-wrap .is-appointment-only input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }

    .profile-edit-wrap .is-appointment-only input[type=checkbox]:checked:before {
        font-size: 12px;
        width: 20px;
        height: 20px;
    }

    .profile-edit-wrap .busness-hour-setbtn-main {
        margin-top: 20px;
    }

    section.vendor-auth .vend-photos-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    input.lrinp.firstname1::placeholder {
        font-size: 13px;
    }

    input.lrinp.lastname1::placeholder {
        font-size: 13px;
    }

    input.lrinp.businessname::placeholder {
        font-size: 13px;
    }

    textarea#BusinessDescription::placeholder {
        font-size: 13px;
    }

    input.lrinp.email1::placeholder {
        font-size: 13px;
    }

    input.lrinp.password11::placeholder {
        font-size: 13px;
    }

    input.lrinp.password_confirmation1::placeholder {
        font-size: 13px;
    }

    input.lrinp.zipcode1::placeholder {
        font-size: 13px;
    }

    /* =================  */
    .promotionals-cards {
        grid-template-columns: 1fr;
    }

    .counter_listing {
        font-size: 12px;
        padding: 1em;
    }

    .counter_span {
        font-size: 2rem;
    }

    .row.description_section img {
        width: 100% !important;
    }

    section.custom-proposals {
        padding: 45px 0;
    }

    section.custom-proposals h2 {
        font-size: 26px;
    }

    section.custom-proposals h4 {
        font-size: 20px;
        line-height: 24.04px;
        margin: 10px 0 15px;
    }

    section.custom-proposals .notes {
        font-size: 15px;
    }

    section.custom-proposals .guest-from-wrapper {
        gap: 0;
        grid-template-columns: repeat(1, 1fr);
        margin-top: 30px;
    }

    section.custom-proposals .specific-item-wrapper {
        gap: 0;
        grid-template-columns: repeat(1, 1fr);
    }

    .best-vendors-services .sec2-heading h2 {
        font-size: 28px;
        margin: 36px 0 30px;
    }

    .best-vendors-services .sec2-heading p {
        font-size: 14px;
    }

    .requestProposalModal button.close {
        right: 10px;
    }

    section.section-video.vend-details-video img.img-fluid {
        width: 100%;
        height: auto;
    }

    .related-vendors a.button-more-vendors {
        padding: 13px 20px;
        font-size: 15px;
    }

    .best-vendors-services .search-field .search-field-inner {
        width: 100%;
        flex-direction: column;
        gap: 12px;
    }

    .best-vendors-services .search-field .search-field-inner select {
        width: 100%;
    }

    .best-vendors-services .search-field span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }

    .best-vendors-services .search-field span.select2-selection.select2-selection--single {
        border: 2px solid !important;
        /* border-color: black !important; */
        padding: 1px 1px 38px 1px;
    }

    .vd-main .right {
        text-align: center;
    }

    #api_div {
        padding-top: 11px;
    }

    .floating-icon>img {
        height: 40px;
        width: 40px;
    }

    .flex-item {
        flex: 0 0 calc(100% - 1rem);
    }

    .card-img-top {
        height: 250px;
    }

    .card-h5-size>h5 {
        font-size: 16px;
        line-height: 20.48px;

    }

    .card-img-top.img-fluid.h-100 {
        height: 250px !important;
    }

    .button_div_vendor_details {
        margin-top: 3rem !important;
    }

    /* Wedding Checklist tool page */

    .calendar {
        width: 100% !important;
    }

    /* Wedding Checklist tool page */

    .video-container {
        max-width: 100%;
        margin-top: 5rem;
    }

    .overlay {
        font-size: 19px;
        padding: 10px 20px;
        width: 90%;
    }

    .home_page_overlay {
        font-size: 19px;
        padding: 10px 20px;
        width: 90%;
        top: 49%;
        left: 55%;
    }

    .label-title {
        line-height: 1.4;
    }

    .our_services_sections {
        flex-wrap: wrap;
    }

    /* button#play-button {
        font-size: 13px;
    } */

    section#services_section {
        margin-top: 17%;
    }

    .label-title.sub_title {
        max-width: unset;
        width: unset;
    }

    .logo_mobile {
        display: block;
    }

    .home_mobile {
        display: block;
    }

    .logo_desktop {
        display: none;
    }

    a#saveDateChecklist {
        width: 100% !important;
    }

    .label-title.sub_title.overlay-title {
        font-size: 25px;
    }

    p.overlay-text {
        font-size: 20px;
    }
}

@media screen and (max-width:662px) {

    .looking-for,
    .sec5looking-for {
        flex-direction: column;
    }

    .input {
        width: 59%;
    }

    .sec5input {
        width: 100%;
        flex: none;
    }

    .Herosection .hero-content {
        width: 100%;
        padding: 40px 0;
    }

    .hero-content h2 {
        font-size: 32px;
        line-height: 52px;
    }

    .main-nav {
        padding: 10px 0px;
    }

    .hero-content .sm-heading {
        font-size: 5px 20px;
        max-width: 100%;
        font-size: 12px;
    }

    .section {
        padding: 80px 20px;
    }

    .sec1-heading h2 {
        font-size: 30px;
    }

    .sec2-heading h2 {
        font-size: 25px;
    }

    .sec2-heading .sec2sm-heading {
        font-size: 14px;
    }

    .hsec2-card {
        height: auto;
    }

    .Hsec2-buttons-main {
        grid-template-columns: repeat(1, 1fr);
    }

    .hsec2-card {
        min-height: 300px;
    }

    .hsec2-card>img:first-of-type {
        height: 200px;
    }

    .Hsec2-buttons-main a {
        font-size: 16px;
    }

    .swiper-slide {
        width: 100% !important;
    }

    .homemainsec2 {
        gap: 10px;
    }

    section#Hero {
        margin-top: auto;
    }

    section.section.home-sec1 {
        padding: 0 !important;
    }


    .swiper.mySwiper.swiper-coverflow.swiper-3d.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-watch-progress {
        padding-top: 0% !important;
    }

    .swp-img img {
        width: 65px;
        height: 65px;
    }

    .login-container {
        margin-top: 2rem;
    }

    .lswitch-btn {
        font-size: 13px;
    }

    .section_images {
        padding: 80px 20px;
    }

    section.pricing-table-section .table-striped td {
        padding: 10px;
        font-size: 12px;
        text-align: center;
        vertical-align: middle;
    }

    section.pricing-table-section .table-striped th {
        padding-top: 15px;
        padding-bottom: 13px;
        font-size: 14px;
    }



    section.vendor-auth .right-content {
        min-height: 470px;
    }

    section.vendor-auth .right-content a {
        font-size: 14px;
        padding: 14px 17px;
    }

    .logrg-btn {
        padding: 14px 30px;
        font-size: 15px;
    }

    section.finding-vister {
        padding: 55px 0 65px;
    }

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

    .logRegForm {
        margin: 40px 0px 0;
    }

    .user-img-div {
        width: 200px;
        height: 200px;
    }

    .editicon-img {
        width: 60px;
    }

    .bot-content .left .vh-heading h1 {
        font-size: 25px;
    }

    .bot-content .left {
        flex-direction: column;
        align-items: center;
        gap: 0;
        justify-content: center;
    }

    .bot-content .left .vh-heading {
        justify-content: center;
    }

    .bot-content .right {
        flex-direction: row;
        justify-content: center;
        gap: 10px;
        margin-top: auto;
    }

    .vhdownload-btn button {
        min-width: 169px;
        font-size: 12px;
        margin-bottom: 1rem;
    }

    .section_images {
        padding: 80px 20px;
    }

    .sec2 h2 {
        font-size: 35px;
        color: var(--text-color);
    }

    .sec-sm-hed {
        font-size: 16px;
    }

    .ptof-edit-title h1 {
        font-size: 30px;
    }

    .sec1-phot-main .left {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .vh-heading h1,
    .vh-heading p {
        text-align: center;
    }

    .sec-tit h2 {
        font-size: 30px;
    }

    .timepicker-group span {
        font-size: 18px;
    }

    .busness-hour-setbtn-main button {
        width: 100%;
        text-align: center;
        display: block ruby;
    }

    .section1 {
        padding: 40px 15px;
    }

    section.section-video {
        padding: 0 0 50px;
    }

    section.section-video p.bottom-title {
        margin-top: 20px;
    }

    section.section-video p {
        font-size: 16px;
    }

    section.section-video p.top-title {
        margin-bottom: 20px;
    }

    h3.sub-heading {
        font-size: 22px;
        line-height: 20.04px;
    }

    section.our-vision p {
        font-size: 15px;
        line-height: 21.8px;
    }

    section.our-vision {
        padding: 0 0 50px;
    }

    section.about-costing {
        padding: 55px 0;
    }

    section.about-costing p {
        font-size: 15px;
        line-height: 21.8px;
    }

    section.in-news {
        padding: 50px 0;
    }

    section.in-news iframe {
        margin: 25px auto 35px;
    }

    section.in-news .thumbnail {
        margin: 25px auto 35px;
    }

    section.in-news .description p {
        font-size: 15px;
        line-height: 21.8px;
    }

    section.in-news h4 {
        font-size: 15px;
        margin-top: 20px;
    }

    section.about-video .about-poster {
        height: 24vh;
    }

    section.section-video iframe#youtube_video {
        border-radius: 15px;
        height: 13rem;
    }

    section.section-video .about-poster {
        border-radius: 15px;
    }

    .vend-photos-grid {
        margin-top: 30px;
        grid-template-columns: repeat(2, 1fr);
    }

    section.vend-dash-hero .vender-info-inner .right {
        display: block;
    }

    section.vend-dash-hero .vhdownload-btn button {
        margin: 10px auto 1rem;
    }

    section.blog-articles-section .article-image {
        width: 220px;
        height: 194px;
    }

    section.blog-articles-section .article-content {
        width: calc(100% - 220px);
    }

    section.blog-hero-banner .banner-inner {
        min-height: 220px;
    }

    section.blog-hero-banner .label-title {
        font-size: 20px;
        padding: 14px 20px;
        line-height: 1;
        text-align: center;
    }

    section.blog-hero-details {
        padding: 30px 0 40px;
    }

    section.blog-hero-details .post-meta-single {
        margin-bottom: 20px;
        display: block !important;
        width: 100%;
    }

    section.blog-hero-details .post-cat {
        font-size: 12px;
        width: 178px;
        height: 30px;
        margin-bottom: 10px;
    }

    section.blog-hero-details ul li {
        font-size: 16px;

    }

    section.blog-hero-details ul .vie {
        font-size: 16px;
    }

    section.blog-hero-details .sec2-heading {
        margin-bottom: 5px;
    }

    section.blog-hero-details p {
        font-size: 14px;
        margin-bottom: 17px;

    }

    section.blog-hero-details .blog-details-content-btn a {
        width: 166px;
        height: 41px;
        font-size: 15px;
    }

    section.blog-articles-section {
        padding: 45px 0;
    }

    section.blog-hero-details .sec2-heading h2 {
        display: block;
        text-align: left;
    }

    .profile-edit-wrap .ptof-edit-title h1 {
        font-size: 26px;
    }

    .profile-edit-wrap .sec1-title h5 {
        font-size: 14px;
    }

    .main-profileEdit .profile-photo .left {
        display: block;
        text-align: center;
    }

    .main-profileEdit .profile-photo .left .vh-heading {
        margin-top: 20px;
    }

    .profile-edit-wrap .user-img-div {
        width: 120px;
        height: 120px;
        margin: 0 auto;
    }

    .profile-edit-wrap .left .user-img {
        width: 120px !important;
        height: 120px !important;
    }

    .main-profileEdit .profile-photo .right {
        justify-content: center;
    }

    .profile-edit-wrap .save-btn {
        width: 167px;
        height: 48px;
        font-size: 14px;
        padding: 0;
    }

    .main-profileEdit .profile-photo {
        margin-top: 35px;
        padding-bottom: 40px;
    }

    .profile-edit-wrap .vh-heading h2 {
        font-size: 26px;
        line-height: 31.8px;
    }

    .profile-edit-wrap .left .vh-sm-heading {
        font-size: 14px;
        line-height: 18.6px;
        text-align: center;
        margin: 9px 0 !important;
    }

    .main-profileEdit .vh-sm-heading {
        font-size: 14px;
        text-align: left;
    }

    .profile-edit-wrap .profile-personal-info {
        padding: 35px 0 45px;
    }

    .profile-edit-wrap .pb-115px {
        padding: 0 0 45px;
    }

    .profile-edit-wrap .main-inp-p {
        margin-top: 20px;
    }

    .profile-edit-wrap .main-inp label {
        font-size: 14px;
    }

    .profile-edit-wrap .main-inp .lg-input {
        gap: 10px;
    }

    .profile-edit-wrap .main-inp .lg-input input {
        padding: 12px 17px;
        ;
        font-size: 15px;
    }

    .profile-edit-wrap .main-inp .lgb-input {
        gap: 10px;
    }

    .profile-edit-wrap .main-inp .lgb-input input {
        padding: 12px 17px;
        font-size: 14px;
    }

    .profile-edit-wrap .main-inp .lgb-input div select {
        padding: 12px 12px;
        height: 47px;
    }

    .profile-edit-wrap .timepicker-group {
        padding: 12px 17px;
    }

    .profile-edit-wrap .is-appointment-only label {
        font-size: 16.09px;
        line-height: 22.55px;
    }

    .profile-edit-wrap .is-appointment-only input[type="checkbox"] {
        width: 17px;
        height: 17px;
    }

    .profile-edit-wrap .is-appointment-only input[type=checkbox]:checked:before {
        font-size: 9px;
        width: 17px;
        height: 17px;
    }

    section.blog-articles-section .article-image img {
        height: 100%;
        object-fit: cover;
        border-radius: 9px;
        width: 100%;
    }

    article.single-post {
        padding: 35px 0 55px;
    }

    .single-content p {
        margin-bottom: 18px;
    }

    article.single-post .single-content {
        font-size: 15px;
        line-height: 24.8px;
    }

    .single-content dl,
    .single-content ol,
    .single-content ul {
        margin: 0 0 15px;
    }

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

    article.single-post input.search_input {
        padding: 12px 23px 12px 45px;
        font-size: 15px;
    }

    article.single-post .search-icon {
        top: 12px;
    }

    article.single-post input.btn.btn-block.search-btn {
        font-size: 15px;
    }

    article.single-post .sidebar-card h3 {
        font-size: 22px;
        margin-bottom: 13px;
    }

    article.single-post .sidebar-card .card {
        padding: 20px;
    }

    article.single-post .sidebar-card li a {
        font-size: 15px;
        line-height: 24.8px;
    }

    section.vendor-auth .vend-photos-grid {
        grid-template-columns: repeat(2, 1fr);
        padding: 0;
    }

    section.category-wise {
        padding: 40px 0 0;
    }

    section.category-wise h1 {
        font-size: 36px;
        line-height: 42.24px;

    }

    section.book-weedding-services a {
        font-size: 15px;
        padding: 13px 55px;
    }

    section.book-weedding-services a.videography_button {
        font-size: 15px;
        padding: 13px 55px;
    }

    section.book-weedding-services button {
        font-size: 15px;
        padding: 13px 55px;
    }

    section.book-weedding-services {
        padding: 25px 0 45px;
    }

    section.popular-vendors-cards h4.vendor-heading {
        font-size: 16px;
        line-height: 1;
    }

    section.popular-vendors-cards .vinder-card-content {
        min-height: 195px;
    }

    section.popular-vendors-cards .view-more {
        font-size: 15px;
        padding: 12px 30px;
        width: 220px;
        margin: 20px auto 0;
    }

    section.popular-vendors-cards {
        padding-bottom: 55px;
    }

    section.wedding-budget .label-title {
        width: 270px;
    }

    section.genrate-budget {
        padding: 50px 0 60px;
    }

    section.genrate-budget input#budget_field {
        margin: 13px auto 29px;
    }

    section.genrate-budget .top_search_fields {
        width: 100%;
        margin: 0 auto !important;
    }

    section.genrate-budget .search_fields button {
        margin-bottom: 0 !important;
    }

    div#wedding_budget_all_data th,
    div#wedding_budget_all_data td {
        font-size: 14px;
        line-height: 18px;
    }

    section.proposed-budget .form-control {
        min-height: 35px;
    }

    section.budget-summary h2 {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .requestCustomProposal .modal-header {
        padding: 27px 27px 0;
    }

    .requestCustomProposal .modal-body {

        padding: 22px 37px 37px;
    }

    .requestCustomProposal h2 {
        font-size: 26px;
        line-height: 31.8px;
    }

    .requestCustomProposal .modal-body h4 {
        font-size: 22px;
        line-height: 18.12px;
    }

    .requestCustomProposal .modal-body p {
        font-size: 15px;
        line-height: 22.6px;
    }

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

    .requestCustomProposal .modal-body svg {
        margin-bottom: 16px;
        width: 60px;
    }

    .related-vendors .more-vendors {
        flex-direction: column;
        gap: 20px;
    }

    .related-vendors a.button-more-vendors {
        margin: 0 auto;
    }

    .related-vendors {
        padding: 53px 0 45px;
    }

    .new_services_card {
        max-width: 500px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .new_services_texts>h2 {
        font-size: 34px;
        text-align: center;
    }

    .new_services_texts>h6 {
        font-size: 18px;
        text-align: center;
        max-width: 90%;
    }
}

@media screen and (max-width:575px) {
    section.popular-vendors-cards .vendor-details {
        min-height: auto;
    }

    section.vend-details.details-sec .service-type h3 {
        font-size: 22px;
        margin-bottom: 7px;
    }

    section.vend-details.details-sec .service-type p {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 22px;
    }

    section.vend-details.details-sec .service-type a.ancor_tag {
        font-size: 16px;
    }

    section.breadcrumb-sec li.breadcrumb-item a {
        font-size: 16px;
    }

    section.vend-details.details-sec .location {
        margin-bottom: 30px;
        font-size: 15px;
    }

    section.vend-details.details-sec .proposals-btn {
        font-size: 16px;
        padding: 14px 28px;
        margin-bottom: 45px;
    }

    section.vend-details.details-sec .social-share h3 {
        font-size: 22px;
    }

    .vend-details-video .sec2-heading h2 {
        margin-bottom: 28px;
    }

    section.vend-details.details-sec {
        padding-bottom: 45px;
    }

    .swiper-bridal-trou .swiper-wrapper {
        margin: 25px 0 25px;
    }

    .swiper-bridal-trou .button-next,
    .swiper-bridal-trou .button-prev {
        padding: 12px 18px;
        font-size: 15px;
    }

    section.vendors-social {
        padding: 42px 0;
    }

    section.vendors-social .social-share h3 {
        font-size: 22px;
        line-height: 1;
    }
}

@media screen and (max-width:475px) {
    .ft-link-main p {
        font-size: 18px;
    }

    .hero-content h2,
    .sec5-contents h2 {
        font-size: 27px;
        line-height: normal;
    }

    .ft-link-main ul {
        gap: 7px;
        margin-top: 15px;
    }

    .ft-link-main ul a {
        font-size: 14px;
    }

    .ft-link-main ul li {
        font-size: 14px;
    }

    .section {
        padding: 80px 10px;
    }

    footer .mian-footer {
        grid-template-columns: repeat(1, 1fr);
        padding: 0;
    }

    .ft-link-main {
        width: 90%;
    }

    .homemainsec2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .hsec2-card {
        width: 100%;
        min-height: auto;
    }

    .hsec2-card>img:first-of-type {
        height: 200px;
    }

    .homemainsec2 {
        gap: 10px;
    }

    section#Hero {
        margin-top: auto;
    }

    section.section.home-sec1 {
        padding: 0 !important;
    }

    .swiper.mySwiper.swiper-coverflow.swiper-3d.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-watch-progress {
        padding-top: 0% !important;
    }

    .swp-img img {
        width: 65px;
        height: 65px;
    }

    .login-container {
        margin-top: 2rem;
    }

    .lswitch-btn {
        font-size: 13px;
    }

    .section_images {
        padding: 80px 20px;
    }

    section.our-services .hsec2-instnt h3 {
        font-size: 24px;
    }

    section.our-services .hsec2-instnt {
        padding: 30px 20px;
        margin: 70px 0;
    }



    .header nav.nav {
        min-height: 62px;
    }

    .ft-logo img {
        width: 120px;
        margin: 20px 0;
    }

    main.main {
        margin-top: 64px;
    }

    section.hero-banner .banner-btn {
        min-height: 140px;
    }

    section.hero-banner .pulse-button {
        width: 263px;
        height: 50px;
        font-size: 15px;
    }

    section.hero-banner-promotionals .banner-btn {
        min-height: 140px;
    }

    section.hero-banner-promotionals .pulse-button {
        width: 263px;
        height: 50px;
        font-size: 15px;
    }


    section.wedding-business {
        padding: 50px 0 22px;
    }

    section.count_down {
        padding: 0 0 22px;
    }

    section.testimonials {
        padding: 50px 0;
    }

    .vend-photos-grid {
        padding: 0 40px;
        grid-template-columns: repeat(1, 1fr);
        ;
    }

    .section_images {
        padding: 80px 20px;
    }

    .add-video-inp div {
        flex-direction: column;
    }

    .add-video-inp div input,
    .add-video-inp div button {
        width: 100%;
    }

    .sec-tit h2 {
        font-size: 25px;
    }

    .main-feild-wrapper {
        flex-direction: column;
    }

    .col-inp-m {
        width: 100%;
    }

    .vend-photos-main h2 {
        font-size: 25px;
    }

    .ab-catg-texts h4 {
        font-size: 22px;
    }

    .ab-catg-texts p {
        font-size: 15px;
    }

    .vd-contact-details h2 {
        margin-bottom: 17px;
        font-size: 24px;
    }

    section.vend-gallery .vd-contact-main {
        padding: 15px 0;
    }

    .vd-contact-info span {
        font-size: 20px;
    }

    .vd-contact-info h6 {
        font-size: 16px;
        line-height: 20px;
    }

    section.vend-gallery .vd-contact-main p {
        font-size: 14px;
    }

    section.vend-dash-hero .vender-info .user-img-div {
        width: 160px;
        height: 160px;

    }

    section.vend-details {
        padding: 30px 0 0;
    }

    section.vend-gallery {
        padding: 30px 0 40px;
    }

    section.blog-articles-section .article-card {
        display: block !important;
    }

    section.blog-articles-section .article-image {
        width: 100%;
        height: auto;
    }

    section.blog-articles-section .article-content {
        width: 100%;
        margin: 12px 0 10px;
    }

    .profile-edit-wrap .save-btn {
        width: 151px;
        height: 45px;
        font-size: 13px;
        padding: 0;
    }

    section.vendor-auth .vend-photos-grid {
        grid-template-columns: repeat(2, 1fr);
        padding: 0;
    }

    section.category-wise h1 {
        font-size: 28px;
        line-height: 33.24px;
    }

    section.book-weedding-services a {
        font-size: 14px;
        padding: 11px 30px;
    }

    section.book-weedding-services a.videography_button {
        font-size: 14px;
        padding: 11px 30px;
    }

    section.book-weedding-services button {
        font-size: 14px;
        padding: 11px 30px;
    }

    section.popular-vendors-cards .vinder-card-content {
        min-height: 240px;
    }

    section.popular-vendors-cards .view-more {
        font-size: 14px;
        padding: 11px 30px;
        width: 185px;
        margin: 12px auto 0;
    }

    section.genrate-budget .search_fields button {
        padding: 10px 19px;
        font-size: 14px;
    }

    section.genrate-budget .saveButton {
        margin-left: 10px;
    }

    section.wedding-budget .label-title {
        width: 230px;
    }

    section.genrate-budget label {
        font-size: 16px;
        line-height: 20.8px;
    }

    section.genrate-budget input#budget_field {
        margin: 10px auto 25px;
        font-size: 14px;
        height: 46px;
    }

    section.breadcrumb-sec li.breadcrumb-item a {
        font-size: 14px;
    }

    section.vend-details.details-sec .proposals-btn {
        font-size: 15px;
        margin-bottom: 30px;
    }

    section.vend-details.details-sec .social-share h3 {
        font-size: 20px;
        margin: 30px 0 17px;
    }

    .swiper-bridal-trou .swiper-slide {
        width: 100% !important;
        text-align: center;
    }
}

@media screen and (max-width:362px) {
    footer .mian-footer {
        padding: 0 10px;
    }

    .homemainsec2 {
        gap: 10px;
    }

    section#Hero {
        margin-top: auto;
    }

    section.section.home-sec1 {
        padding: 0 !important;
    }

    .swiper.mySwiper.swiper-coverflow.swiper-3d.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-watch-progress {
        padding-top: 0% !important;
    }

    .swp-img img {
        width: 65px;
        height: 65px;
    }

    .login-container {
        margin-top: 2rem;
    }

    .lswitch-btn {
        font-size: 13px;
    }

    .section_images {
        padding: 80px 20px;
    }

    .left .ve-h-btns .bh-btn {
        padding: 10px 10px;
        min-width: 105px;
        font-size: 12px;
    }

    .vend-photos-grid {
        padding: 0 20px;
    }

    .vd-contact-info {
        min-width: 20px;
    }

    .section_images {
        padding: 80px 20px;
    }

}