@media only screen and (min-width: 1800px) and (max-width: 1850px) {
    .w-planner-contact .w-planner-form .contact-flower {
        right: -15%;
    }

    .shape-22 {
        position: absolute;
        right: 48px;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    .w-planner-contact .w-planner-form .contact-flower {
        right: 0%;
        width: 200px;
    }

    .shape-22 {
        position: absolute;
        right: 40px;
    }

    .sidebar-nav li {
        font-size: 13px;
    }

    .portfolio-style .main-header .header-content .sidebar-nav {
        padding-left: 0;
    }

    .cafe-style .cafe-about-section .about-img .about-flower {
        position: absolute;
        bottom: -105px;
        right: calc(60px + -90 * (100vw - 1399px) / 521);
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .w-planner-contact .w-planner-form .contact-flower {
        right: 0%;
        width: 200px;
    }

    .shape-22 {
        position: absolute;
        right: 40px;
    }

    .sidebar-nav li {
        font-size: 13px;
    }

    .portfolio-style .main-header .header-content .sidebar-nav {
        padding-left: 0;
    }

    .cafe-style .cafe-about-section .about-img .about-flower {
        position: absolute;
        bottom: -105px;
        right: calc(60px + -90 * (100vw - 1399px) / 521);
    }

    .double-border {
        font-size: 10px;
    }

    .double-border span {
        padding: 5px calc(15px + 20 * (100vw - 320px) / 1600);
    }

    .portfolio-style .main-header {
        padding-inline: calc(0px + 168 * (100vw - 320px) / 1600);
    }

    .cafe-style .cafe-feature-section .feature-box .feature-content h4 {
        font-size: 15px;
    }

    .padd-projj {
        padding: 80px 0;
    }

    .cafe-style .cafe-about-section .about-content .large-content {
        width: 100%;
        font-size: 17px;
    }

    h2,
    .portfolio-style .portfolio-education-section .main-education-box h3,
    .title-style-4 h1,
    .outdoor-amenities-title {
        font-size: calc(20px + 14 * (100vw - 320px) / 1600) !important;
    }

    .seo-team-section .team-content ul li {
        font-size: 16px;
    }

    .cafe-footer .footer-location h6,
    .cafe-footer .footer-location h6 a {
        font-size: calc(13px + 2 * (100vw - 320px) / 1600);
    }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .w-planner-contact .w-planner-form .contact-flower {
        right: 0%;
        width: 200px;
    }

    .shape-22 {
        position: absolute;
        right: 40px;
    }

    .sidebar-nav li {
        font-size: 11px;
    }

    .portfolio-style .main-header .header-content .sidebar-nav {
        padding-left: 0;
    }

    .cafe-style .cafe-about-section .about-img .about-flower {
        position: absolute;
        bottom: -105px;
        right: calc(60px + -90 * (100vw - 1399px) / 521);
    }

    .double-border {
        font-size: 10px;
    }

    .double-border span {
        padding: 5px calc(15px + 20 * (100vw - 320px) / 1600);
    }

    .portfolio-style .main-header {
        padding-inline: calc(0px + 140 * (100vw - 320px) / 1600);
    }

    .wedding-style .main-header .brand-logo {
        width: calc(80px + 13 * (100vw - 320px) / 1600);
    }

    .cafe-style .cafe-feature-section .feature-box .feature-content h4 {
        font-size: 13px;
    }

    .cafe-style .cafe-feature-section .feature-box {
        padding: 20px 15px;
    }

    .padd-projj {
        padding: 80px 0;
    }

    .cafe-style .cafe-about-section .about-content .large-content {
        width: 100%;
        font-size: 15px;
    }

    h2,
    .portfolio-style .portfolio-education-section .main-education-box h3,
    .title-style-4 h1,
    .outdoor-amenities-title {
        font-size: calc(20px + 14 * (100vw - 320px) / 1600) !important;
    }

    .seo-team-section .team-content ul li {
        font-size: 15px;
    }

    .cafe-footer .footer-location h6,
    .cafe-footer .footer-location h6 a {
        font-size: calc(11px + 2 * (100vw - 320px) / 1600);
    }

    .w-service-planner .service-box .service-content h5 {
        font-size: calc(15px + 2 * (100vw - 320px) / 1600);
    }

    .w-service-planner .service-box .service-icon i {
        font-size: 30px;
    }

    .portfolio-style .portfolio-education-section .bottom-education-box .education-box:first-child::before {
        bottom: 88%;
    }

    .w-planner-contact .w-planner-form .form-main label {
        font-size: calc(10px + 5 * (100vw - 320px) / 1600);
    }

    .portfolio-style .portfolio-education-section .education-box h4 {
        font-size: 18px;
    }

    p,
    .cafe-footer .footer-content .contact-list li a,
    .cafe-footer .footer-link li a {
        font-size: 15px;
    }

    .foot-pagsd p a,
    .foot-pagsd p {
        font-size: 14px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .w-planner-contact .w-planner-form .contact-flower {
        right: 0%;
        width: 200px;
    }

    .shape-22 {
        position: absolute;
        right: 40px;
    }

    .sidebar-nav li {
        font-size: 11px;
    }

    .cafe-style .cafe-about-section .about-img .about-flower {
        position: absolute;
        bottom: -105px;
        right: calc(60px + -90 * (100vw - 1399px) / 521);
    }

    .portfolio-style .main-header {
        padding-inline: calc(0px + 140 * (100vw - 320px) / 1600);
    }

    .wedding-style .main-header .brand-logo {
        width: calc(80px + 13 * (100vw - 320px) / 1600);
    }

    .cafe-style .cafe-feature-section .feature-box .feature-content h4 {
        font-size: 12px;
    }

    .wedding-style .main-header .header-content {
        gap: 100px;
    }

    .toggle {
        color: #fff;
    }

    .cafe-style .cafe-feature-section .feature-box {
        padding: 20px 15px;
    }

    .padd-projj {
        padding: 80px 0;
    }

    .outdoor-amenity-heading {
        font-size: 15px;
    }

    .cafe-style .cafe-about-section .about-content .large-content {
        width: 100%;
        font-size: 14px;
    }

    h2,
    .portfolio-style .portfolio-education-section .main-education-box h3,
    .title-style-4 h1,
    .outdoor-amenities-title {
        font-size: calc(14px + 14 * (100vw - 320px) / 1600) !important;
    }

    .seo-team-section .team-content ul li {
        font-size: 15px;
    }

    .w-service-planner .service-box .service-content h5 {
        font-size: calc(13px + 2 * (100vw - 320px) / 1600);
    }

    .btn-solid {
        font-size: calc(12px + 2 * (100vw - 320px) / 1600);
    }

    .w-service-planner .service-box .service-icon i {
        font-size: 30px;
    }

    .portfolio-style .portfolio-education-section .bottom-education-box .education-box:first-child::before {
        bottom: 88%;
    }

    .w-planner-contact .w-planner-form .form-main label {
        font-size: calc(10px + 5 * (100vw - 320px) / 1600);
    }

    .portfolio-style .portfolio-education-section .education-box h4 {
        font-size: 18px;
    }

    p,
    .cafe-footer .footer-content .contact-list li a,
    .cafe-footer .footer-link li a {
        font-size: 15px;
    }

    .foot-pagsd p a,
    .foot-pagsd p {
        font-size: 14px;
    }

    .double-border {
        font-size: 12px;
    }

    .cafe-style .main-header .header-content .sidebar-nav .menu-items>.expand-btn>.menu-item {
        font-size: 14px;
    }

    .cafe-style .main-header .header-content .sidebar-nav .menu-items li {
        line-height: 35px;
    }

    .title-style-11 h3 {
        font-size: 13px;
    }

    .cafe-footer .footer-content .contact-list li {
        align-items: baseline;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .conntfomwidd {
        width: 100%;
    }

    .w-planner-contact .w-planner-form .btn-solid {
        margin-top: calc(20px + 22 * (100vw - 320px) / 1600);
    }

    .shape-22 {
        position: absolute;
        right: 40px;
    }

    .sidebar-nav li {
        font-size: 11px;
    }

    .cafe-style .cafe-about-section .about-img .about-flower {
        position: absolute;
        bottom: -105px;
        width: 30%;
    }

    .portfolio-style .main-header {
        padding-inline: calc(0px + 140 * (100vw - 320px) / 1600);
    }

    .wedding-style .main-header .brand-logo {
        width: calc(80px + 13 * (100vw - 320px) / 1600);
    }

    .cafe-style .cafe-feature-section .feature-box .feature-content h4 {
        font-size: 12px;
    }

    .wedding-style .main-header .header-content {
        gap: 100px;
    }

    .toggle {
        color: #fff;
    }

    .cafe-style .cafe-feature-section .feature-box {
        padding: 20px 15px;
    }

    .padd-projj {
        padding: 80px 0;
    }

    .outdoor-amenity-heading {
        font-size: 15px;
    }

    .cafe-style .cafe-about-section .about-content .large-content {
        width: 100%;
        font-size: 14px;
    }

    h2,
    .portfolio-style .portfolio-education-section .main-education-box h3,
    .title-style-4 h1,
    .outdoor-amenities-title {
        font-size: calc(14px + 14 * (100vw - 320px) / 1600) !important;
    }

    .seo-team-section .team-content ul li {
        font-size: 15px;
    }

    .w-service-planner .service-box .service-content h5 {
        font-size: calc(13px + 2 * (100vw - 320px) / 1600);
    }

    .btn-solid {
        font-size: calc(12px + 2 * (100vw - 320px) / 1600);
    }

    .w-service-planner .service-box .service-icon i {
        font-size: 30px;
    }

    .portfolio-style .portfolio-education-section .bottom-education-box .education-box:first-child::before {
        bottom: 88%;
    }

    .w-planner-contact .w-planner-form .form-main label {
        font-size: calc(10px + 5 * (100vw - 320px) / 1600);
    }

    .portfolio-style .portfolio-education-section .education-box h4 {
        font-size: 18px;
    }

    p,
    .cafe-footer .footer-content .contact-list li a,
    .cafe-footer .footer-link li a {
        font-size: 15px;
    }

    .feature-icon i {
        font-size: 25px;
    }

    .foot-pagsd p a,
    .foot-pagsd p {
        font-size: 12px;
    }

    .double-border {
        font-size: 12px;
    }

    .cafe-style .main-header .header-content .sidebar-nav .menu-items>.expand-btn>.menu-item {
        font-size: 14px;
    }

    .cafe-style .main-header .header-content .sidebar-nav .menu-items li {
        line-height: 35px;
    }

    .title-style-11 h3 {
        font-size: 13px;
    }

    .cafe-footer .footer-content .contact-list li {
        align-items: baseline;
    }
}

@media only screen and (min-width: 577px) and (max-width: 767px) {

    .conntfomwidd {
        width: 100%;
    }

    .w-planner-contact .w-planner-form .btn-solid {
        margin-top: calc(20px + 22 * (100vw - 320px) / 1600);
    }

    .shape-22 {
        position: absolute;
        right: 40px;
    }

    .sidebar-nav li {
        font-size: 11px;
    }

    .cafe-style .cafe-about-section .about-img .about-flower {
        position: absolute;
        bottom: -105px;
        width: 30%;
    }

    .portfolio-style .main-header {
        padding-inline: calc(0px + 140 * (100vw - 320px) / 1600);
    }

    .wedding-style .main-header .brand-logo {
        width: calc(80px + 13 * (100vw - 320px) / 1600);
    }

    .cafe-style .cafe-feature-section .feature-box .feature-content h4 {
        font-size: 16px;
    }

    .wedding-style .main-header .header-content {
        gap: 100px;
    }

    .toggle {
        color: #fff;
    }

    .cafe-style .cafe-feature-section .feature-box {
        padding: 20px 15px;
    }

    .padd-projj {
        padding: 80px 0;
    }

    .outdoor-amenity-heading {
        font-size: 15px;
    }

    .cafe-style .cafe-about-section .about-content .large-content {
        width: 100%;
        font-size: 12px;
    }

    h2,
    .portfolio-style .portfolio-education-section .main-education-box h3,
    .title-style-4 h1,
    .outdoor-amenities-title {
        font-size: calc(20px + 14 * (100vw - 320px) / 1600) !important;
    }

    .seo-team-section .team-content ul li {
        font-size: 15px;
    }

    .w-service-planner .service-box .service-content h5 {
        font-size: calc(13px + 2 * (100vw - 320px) / 1600);
    }

    .btn-solid {
        font-size: calc(12px + 2 * (100vw - 320px) / 1600);
    }

    .w-service-planner .service-box .service-icon i {
        font-size: 30px;
    }

    .portfolio-style .portfolio-education-section .bottom-education-box .education-box:first-child::before {
        bottom: 88%;
    }

    .w-planner-contact .w-planner-form .form-main label {
        font-size: calc(10px + 5 * (100vw - 320px) / 1600);
    }

    .portfolio-style .portfolio-education-section .education-box h4 {
        font-size: 18px;
    }

    p,
    .cafe-footer .footer-content .contact-list li a,
    .cafe-footer .footer-link li a {
        font-size: 15px;
    }

    .feature-icon i {
        font-size: 25px;
    }

    .foot-pagsd p a,
    .foot-pagsd p {
        font-size: 10px;
    }

    .w-service-planner .service-box.stt-bott {
        border-bottom: 0;
    }

    .w-service-planner .service-box.mobb-bord {
        border-left: 0;
    }

    .cafe-footer .footer-header {
        padding-bottom: calc(10px + 20 * (100vw - 320px) / 1600);
    }

    .double-border {
        font-size: 10px;
    }

    .cafe-style .main-header .header-content .sidebar-nav .menu-items>.expand-btn>.menu-item {
        font-size: 14px;
    }

    .cafe-style .main-header .header-content .sidebar-nav .menu-items li {
        line-height: 35px;
    }

    .title-style-11 h3 {
        font-size: 13px;
    }

    .cafe-footer .footer-content .contact-list li {
        align-items: baseline;
    }
}

@media only screen and (min-width: 398px) and (max-width: 576px) {
    .conntfomwidd {
        width: 100%;
    }

    .portfolio-style .portfolio-education-section .education-box p {
        font-size: 14px;
    }

    .w-planner-contact .w-planner-form .btn-solid {
        margin-top: calc(20px + 22 * (100vw - 320px) / 1600);
    }

    .shape-22 {
        position: absolute;
        right: 40px;
    }

    .sidebar-nav li {
        font-size: 11px;
    }

    .cafe-style .cafe-about-section .about-img .about-flower {
        position: absolute;
        bottom: -105px;
        width: 30%;
    }

    .wedding-style .main-header .brand-logo {
        width: calc(80px + 13 * (100vw - 320px) / 1600);
    }

    .cafe-style .cafe-feature-section .feature-box .feature-content h4 {
        font-size: 16px;
    }

    .wedding-style .main-header .header-content {
        gap: 100px;
    }

    .toggle {
        color: #fff;
    }

    .cafe-style .cafe-feature-section .feature-box {
        padding: 20px 15px;
    }

    .padd-projj {
        padding: 80px 0;
    }

    .outdoor-amenity-heading {
        font-size: 13px;
    }

    .cafe-style .cafe-about-section .about-content .large-content {
        width: 100%;
        font-size: 10px;
        font-weight: 900;
    }

    h2,
    .portfolio-style .portfolio-education-section .main-education-box h3,
    .title-style-4 h1,
    .outdoor-amenities-title {
        font-size: calc(21px + 14 * (100vw - 320px) / 1600) !important;
    }

    .seo-team-section .team-content ul li {
        font-size: 15px;
    }

    .w-service-planner .service-box .service-content h5 {
        font-size: calc(13px + 2 * (100vw - 320px) / 1600);
    }

    .btn-solid {
        font-size: calc(12px + 2 * (100vw - 320px) / 1600);
    }

    .w-service-planner .service-box .service-icon i {
        font-size: 30px;
    }

    .portfolio-style .portfolio-education-section .bottom-education-box .education-box:first-child::before {
        bottom: 88%;
    }

    .w-planner-contact .w-planner-form .form-main label {
        font-size: calc(10px + 5 * (100vw - 320px) / 1600);
    }

    .portfolio-style .portfolio-education-section .education-box h4 {
        font-size: 16px;
    }

    p,
    .cafe-footer .footer-content .contact-list li a,
    .cafe-footer .footer-link li a {
        font-size: 16px;
    }

    .cafe-footer .footer-location h6,
    .cafe-footer .footer-location h6 a {
        font-size: calc(12px + 2 * (100vw - 320px) / 1600);
    }

    .feature-icon i {
        font-size: 25px;
    }

    .foot-pagsd p a,
    .foot-pagsd p {
        font-size: 12px;
    }

    .w-service-planner .service-box.stt-bott {
        border-bottom: 0;
    }

    .w-service-planner .service-box.mobb-bord {
        border-left: 0;
    }

    .cafe-footer .footer-header {
        padding-bottom: calc(10px + 20 * (100vw - 320px) / 1600);
    }

    .double-border {
        display: none;
    }

    .cafe-style .main-header .header-content .sidebar-nav .menu-items>.expand-btn>.menu-item {
        font-size: 14px;
    }

    .cafe-style .main-header .header-content .sidebar-nav .menu-items li {
        line-height: 35px;
    }

    .title-style-11 h3 {
        font-size: 12px;
    }

    .cafe-footer .footer-content .contact-list li {
        align-items: baseline;
    }
}

@media only screen and (max-width: 397px) {
    .wedding-style .main-header .header-content img {
        filter: brightness(0) invert(1);
    }

    .wedding-style .main-header.header-show img {
        filter: unset;
    }

    .conntfomwidd {
        width: 100%;
    }

    .portfolio-style .portfolio-education-section .education-box p {
        font-size: 12px;
    }

    .w-planner-contact .w-planner-form .btn-solid {
        margin-top: calc(20px + 22 * (100vw - 320px) / 1600);
    }

    .shape-22 {
        position: absolute;
        right: 40px;
    }

    .sidebar-nav li {
        font-size: 11px;
    }

    .cafe-style .cafe-about-section .about-img .about-flower {
        position: absolute;
        bottom: -105px;
        width: 30%;
    }

    .wedding-style .main-header .brand-logo {
        width: calc(80px + 13 * (100vw - 320px) / 1600);
    }

    .cafe-style .cafe-feature-section .feature-box .feature-content h4 {
        font-size: 16px;
    }

    .wedding-style .main-header .header-content {
        gap: 100px;
    }

    .toggle {
        color: #fff;
    }

    .cafe-style .cafe-feature-section .feature-box {
        padding: 20px 15px;
    }

    .padd-projj {
        padding: 60px 0;
    }

    .outdoor-amenity-heading {
        font-size: 13px;
    }

    .cafe-style .cafe-about-section .about-content .large-content {
        width: 100%;
        font-size: 11px;
        font-weight: 900;
    }

    h2,
    .portfolio-style .portfolio-education-section .main-education-box h3,
    .title-style-4 h1,
    .outdoor-amenities-title {
        font-size: calc(20px + 14 * (100vw - 320px) / 1600) !important;
    }

    .seo-team-section .team-content ul li {
        font-size: 13px;
    }

    .w-service-planner .service-box .service-content h5 {
        font-size: calc(13px + 2 * (100vw - 320px) / 1600);
    }

    .btn-solid {
        font-size: calc(12px + 2 * (100vw - 320px) / 1600);
    }

    .w-service-planner .service-box .service-icon i {
        font-size: 30px;
    }

    .portfolio-style .portfolio-education-section .bottom-education-box .education-box:first-child::before {
        bottom: 88%;
    }

    .w-planner-contact .w-planner-form .form-main label {
        font-size: calc(10px + 5 * (100vw - 320px) / 1600);
    }

    .portfolio-style .portfolio-education-section .education-box h4 {
        font-size: 14px;
    }

    p,
    .cafe-footer .footer-content .contact-list li a,
    .cafe-footer .footer-link li a {
        font-size: 15px;
    }

    .cafe-footer .footer-title h5 {
        font-size: calc(15px + 4 * (100vw - 320px) / 1600);
    }

    .cafe-footer .footer-location h6,
    .cafe-footer .footer-location h6 a {
        font-size: calc(10px + 2 * (100vw - 320px) / 1600);
    }

    .feature-icon i {
        font-size: 25px;
    }

    .foot-pagsd p a,
    .foot-pagsd p {
        font-size: 12px;
    }

    .w-service-planner .service-box.stt-bott {
        border-bottom: 0;
    }

    .w-service-planner .service-box.mobb-bord {
        border-left: 0;
    }

    .cafe-footer .footer-header {
        padding-bottom: calc(10px + 20 * (100vw - 320px) / 1600);
    }

    .double-border {
        display: none;
    }

    .cafe-style .main-header .header-content .sidebar-nav .menu-items>.expand-btn>.menu-item {
        font-size: 14px;
    }

    .cafe-style .main-header .header-content .sidebar-nav .menu-items li {
        line-height: 35px;
    }

    .title-style-11 h3 {
        font-size: 12px;
    }

    .cafe-footer .footer-content .contact-list li {
        align-items: baseline;
    }
}

@media only screen and (max-width: 991px) {
    .aboott-roww {
        flex-direction: column-reverse;
    }

    .plann-margg {
        margin-top: 30px;
    }

    .locc-hifhhg {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .desk-bann {
        display: none;
    }

    .mobb-banne {
        display: block;
    }
}

@media only screen and (max-width: 576px) {
    .portfolio-style .portfolio-education-section .education-box {
        background: transparent;
        border: 1px solid #c29e74;
    }

    .enquiry-message {
        margin-bottom: 0;
    }

    .marggs-imhhh {
        width: 100px;
    }

    .rise-trigger i {
        font-size: 18px;
    }

    .rise-text {
        font-size: 15px;
    }

    .rise-trigger {
        height: 40px;
        width: 40px;
        padding-right: 10px;
    }

    .portfolio-style .portfolio-education-section .education-box p {
        color: #333;
    }

    .foot-pagsd {
        flex-direction: column;
        padding-top: 10px;
        align-items: center;
    }

    .cafe-footer {
        padding-bottom: 50px;
    }
}