@media screen and (min-width: 1701px) and (max-width: 2000px) {
}

@media screen and (min-width: 1500px) and (max-width: 1700px) {
    .background-image-testimonial {
        width: 36%;
    }
}
@media screen and (min-width: 1301px) and (max-width: 1499px) {
    .background-image-testimonial {
        width: 36%;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1300px) {
    .eq-ht {
    height: 260px;
}
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
    .eq-ht {
    height: 260px;
}
}
@media screen and (min-width: 1000px) and (max-width: 1024px) {
    .eq-ht {
    height: 260px;
}
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .media-hide{
      display:
      none;
  }
    .eq-ht {
    height: 275px;
}
.icon-content3 span {
 
    font-size: 12px;
}
}

@media screen and (min-width: 641px) and (max-width: 767px) {
    .quote-btn {
        bottom: 38%;
        padding: 9px 15px;
        font-size: 13px;
    }
    .featu_re .col-md-3 {
        flex: 0 0 49%; /* Full width for smaller screens */
        max-width: 100%;
    }
    .box-inner {
        text-align: left;
    }
    .mtt {
        margin-top: 71%;
    }
    .custom-popup {
        width: 60%;
    }
    .swiper-slide img {
        height: 250px !important;
    }
    .qcall {
        bottom: 53%;
    }
    .gallery-block-five .overlay-box {
        background-color: rgb(255 255 255 / 40%);
    }
    .features-section-two .outer-box {
        margin-top: 23%;
    }
    /*.booking-form.coffee-booking-form {*/
    /*    width: 69%;*/
    /*}*/
    .center-media {
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .extyra-pad {
        padding: 0px 0px 0px 2px;
    }
    .font-shot {
        padding: 0px 125px 0px 0px;
    }
    .m-t-b {
        margin-top: 25px;
    }
    .img-shape {
        margin-top: 35px;
    }
    .sidebar {
        left: -300px;
        width: 300px;
    }
    .bg-mission {
        margin: 0px;
        margin-bottom: 15px;
    }
    .bg-light2 {
        margin: 0px;
        margin-bottom: 15px;
    }
    .hero33 h1 {
        font-size: 30px;
        letter-spacing: 1px;
    }
    .grey {
        padding: 0px 14px;
    }

    .mob-logo {
        width: 150px;
        height: 47px;
    }
    .qwhtsapp {
        bottom: 45%;
    }
    .popup-send-btn {
        padding: 10px 94px;
        font-size: 14px;
        width: 100%;
    }
    .popup-input input {
        width: 100%;
        padding: 8px;
    }
    .popup-body p {
        font-size: 14px;
    }
    .popup-title p {
        font-size: 14px;
    }
    .lined-heading::before,
    .lined-heading::after {
        display: none;
    }
    body {
        font-size: 14px;
    }
    .card-style3 {
        max-width: 305px;
        height: 265px;
    }
    .frist-word {
        color: #ffe5cd;
    }
    .overlay {
        background: linear-gradient(
            to bottom right,
            rgb(34 34 34 / 79%) 0%,
            rgb(0 0 0 / 29%) 50%,
            rgba(255, 255, 255, 0) 100%
        );
    }
    .ptop-80 {
        padding-top: 10px;
    }
    .section-title h2 {
        font-size: 25px;
    }
    .img2_test img {
        height: 0%;
    }
    .pt-6060 {
        padding-top: 0rem;
    }
    .qodef-e {
        margin-bottom: 0px;
    }
    .qodef-e-title {
        margin: 3px 0;
    }
    .features-section-two .title-column .inner-column {
        padding: 27px 15px 0;
    }
    .custom-container {
        margin: 0px 4%;
        margin-top: -75px;
    }
    .features-section-two .features-column .inner-column {
        margin-left: -71px;
        padding: 16px 20px 0 0;
    }
    .image img {
        width: 55%;
    }
    .features-section-two .features-column .image {
        margin-bottom: 0;
        position: absolute;
        right: -91px;
        top: -33px;
        width: 326px;
        text-align: center;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .btn-btn {
        padding: 7px 9px;
        font-size: 12px;
    }
    .reservation-area-coffee.reservation-area-padding {
        padding: 60px 0;
    }
    .w-100-btn {
        width: 100% !important;
    }
    .booking-form.coffee-booking-form .common-btn {
        font-size: 16px;
    }
    .sec-heading h2 {
        font-size: 27px;
    }
    .clients {
        padding: 30px 0;
    }
    .flex {
        display: block;
    }
    .owl-item {
        align-items: center !important;
        justify-content: center !important;
        display: flex !important
    ;
    }
    /* for about */
    /* section assurance */
    .specialization {
        padding: 20px 0;
    }

    .section-title-s2 .section-title h2 {
        font-size: 1.3rem; /* Slightly smaller heading */
    }

    .grey {
        font-size: 0.8rem; /* Smaller text for description */
    }

    .specialization-grids {
        flex-direction: column;
        align-items: center;
    }

    .box-grey {
        width: 85%; /* Adjust the width to make boxes fit better */
        margin-bottom: 20px; /* Spacing between items */
        padding: 0px;
    }

    .icn-img {
        width: 45px;
        height: 50px;
    }

    .sectionp3 {
        font-size: 0.9rem; /* Smaller font size for text */
    }
    .top-4 {
        margin-top: 0% !important;
    }
    .centeredtwor {
        top: 0%;
        transform: none;
        left: 0%;
    }
    .box-grey {
        flex: 0 0 37% !important;
        background-color: #e6e5dd66;
        color: black;
        padding-top: 20px;
        margin-right: 25px;
        font-size: 14px;
    }
    .specialization {
        height: 98vh;
    }
    .section-title-s2 {
        margin-bottom: 40px;
    }
    .mission-vision img {
        width: 58px !important;
    }
    .book-consultation-banner {
        padding: 30px;
    }
    .row.chooserow {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .flex-banner-container {
        height: 150px;
    }
    .image-container2 {
        display: none;
    }
    .cta {
        padding: 7px 14px;
        border-radius: 5px;
        font-size: 11px;
    }
    .mission-vision h3 {
        font-size: 25px;
    }
    .hero33 .hero-inner {
        height: 300px;
    }
    /* Ensure gallery-box uses flexbox to center its content */
    .gallery-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 11px;
        /* text-align: left;
        margin-left: -34%; */
    }
    .gallery-block-five {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .gallery-block-five .image {
        position: relative;
        width: 300px;
        height: 260px;
    }
    .gallery-section-three {
        padding: 20px 0px 70px;
    }
    /* gallery */
    .gallery-item {
        flex: 0 0 calc(51% - 5px);
    }
    .gallery-container {
        padding: 5px; /* Optional: reduce padding to fit better */
    }

    /* Optional: reduce gap even further */
    .gallery-item {
        margin-bottom: 8px;
    }
    .ash2 {
        padding: 0px 5px 10px 5px;
        text-align: center;
    }
    .swiper-slide img {
        height: 150px;
    }
    .play-button-overlay {
        top: 59%;
        left: 50%;

        font-size: 25px;
    }
    /* (min-width: 340px) and (max-width: 480px) end */

    /* testimonials */
    .swiper-slide {
        padding: 20px 0px;
    }
    .coffee-testimonial-box {
        padding: 0px;
    }
    /* services */
    #section-service-1 {
        flex-direction: column; /* Stack elements vertically */
        padding: 10px;
    }

    #section-service-1 .image-container {
        height: 200px !important; /* Adjust height for smaller screens */
        margin: 0 auto; /* Center the image container */
        width: 100%; /* Make it take full width */
        margin-top: 12%;
    }

    #section-service-1 .image-container .background-image {
        height: 200px;
        background-size: cover;
        background-position: center;
    }
    .col-md-offset-6 {
        margin-left: 0%;
    }
    #section-service-1 .container {
        padding: 15px; /* Add padding to container */
    }

    #section-service-1 .inner-padding {
        padding: 10px; /* Add padding to inner content */
    }

    #section-service-1 h3 {
        font-size: 1.5rem; /* Adjust heading size */
        text-align: center; /* Center-align heading */
    }

    #section-service-1 p {
        font-size: 1rem; /* Adjust paragraph font size */
        line-height: 1.5; /* Improve readability */
        text-align: justify; /* Align text for readability */
        margin-top: 40%;
    }
    .w-h-00 {
        height: 76%;
        width: 89%;
    }
    #section-service-1 #readMoreBtn {
        display: block;
        margin: 10px auto; /* Center the button */
        text-align: center;
        font-size: 1rem;
    }
    .p-lef-ser {
        padding: 0px 0px 0px 0px;
    }
    #section-service-2 {
        display: flex !important; /* Ensure Flexbox is applied */
        flex-direction: column !important; /* Stack elements vertically */
    }

    #section-service-2 .container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* Center content horizontally */
    }

    #section-service-2 h3 {
        order: 1 !important; /* Heading stays at the top */
        text-align: center !important; /* Optional: Center-align the heading */
    }

    #section-service-2 .image {
        order: 2 !important; /* Image appears after the heading */
        width: 550px !important;
        text-align: center !important; /* Center-align the image */
        margin: 10px 0 !important; /* Add spacing around the image */
    }
    .w-h-11 {
        padding: 0px;
    }
    #section-service-2 .image img {
        max-width: 100% !important; /* Ensure the image is responsive */
        height: auto !important; /* Maintain aspect ratio */
        border-radius: 5px !important; /* Optional: Add rounded corners */
    }

    #section-service-2 p {
        order: 3 !important; /* Paragraph appears after the image */
        font-size: 1rem !important; /* Adjust paragraph font size */
        line-height: 1.5 !important; /* Improve text readability */
        text-align: justify !important; /* Justify text for better alignment */
        margin: 10px 0 !important; /* Add spacing around the text */
    }

    #section-service-2 .btn-line {
        order: 4 !important; /* Button appears at the bottom */
        display: block !important;
        margin: 10px auto !important; /* Center-align the button */
        font-size: 1rem !important; /* Adjust font size for the button */
    }
    .side-bg.no-padding.service-list {
        padding: 30px 17px;
    }
    .mtt {
        margin-top: 58%;
        display: flex;
        align-items: baseline;
        justify-content: center;
    }
    .contact-style02 .info-box .single-item {
        margin-bottom: 5px;
        margin-top: 0px;
    }
    #popUp {
        position: fixed;
        width: 73%;
        padding: 4%;
        bottom: 17%;
    }
    [type="submit"] {
        font-size: 15px;
        padding-top: 12px;
        padding-bottom: 12px;
        margin-top: 0px;
    }
    #popUp .close {
        position: absolute;
        top: -15px;
        left: -5%;
        color: #ffffff;
        font-family: inherit;
        font-weight: normal;
        font-size: 1.5em;
        cursor: pointer;
        background-color: #c9848487;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }
    .contacts-bg {
        background-size: cover;
        margin-bottom: 2em;
        background-image: none;
    }
    .hero {
        padding: 25px;
    }

    .card-style3 {
        max-width: 264px;
        height: 172px;
    }
    .img-siz {
        width: 338px;
        height: 195px;
    }
    .banner-image2 {
        width: 223px;
    }
    .bg-mission {
        max-width: 500px !important;
    }
    .bg-light2 {
        max-width: 500px !important;
    }
    .row.align-item-center.gap-media.gap-media {
        gap: 15px !important;
    }
    .testimonial-content h4 {
        font-size: 17px;

        color: #914621;

        text-align: left;
    }
    .custom-testimonial-list {
        max-width: 450px;
    }
    .custom-testimonial-box p {
        font-size: 14px;
    }
    .pad25-0 {
        padding: 0px 9px;
    }
    .contacts-bg .icon-list7 {
        width: 436px;
    }
    .icon-multilist {
        width: 400px;
    }
    .icon-img2 {
        margin-top: 14px;
    }
     .booking-form.coffee-booking-form {
        width: 100%;
        margin-top: 9%;
    }
}
@media screen and (min-width: 568px) and (max-width: 640px) {
        .booking-form.coffee-booking-form {
        width: 100%;
        margin-top: 9%;
    }
    .quote-btn {
        bottom: 38%;
        padding: 9px 15px;
        font-size: 13px;
    }
    .box-inner {
        text-align: left;
    }
    .mtt {
        margin-top: 71%;
    }
    .swiper-slide img {
        height: 250px !important;
    }
    .qcall {
        bottom: 53%;
    }
    .gallery-block-five .overlay-box {
        background-color: rgb(255 255 255 / 40%);
    }
    .extyra-pad {
        padding: 0px 75px 0px 2px;
    }
    .font-shot {
        padding: 0px 125px 0px 0px;
    }
    .m-t-b {
        margin-top: 25px;
    }
    .img-shape {
        margin-top: 35px;
    }
    .sidebar {
        left: -300px;
        width: 300px;
    }
    .bg-mission {
        margin: 0px;
        margin-bottom: 15px;
    }
    .bg-light2 {
        margin: 0px;
        margin-bottom: 15px;
    }
    .hero33 h1 {
        font-size: 30px;
        letter-spacing: 1px;
    }
    .grey {
        padding: 0px 14px;
    }

    .mob-logo {
        width: 150px;
        height: 47px;
    }
    .qwhtsapp {
        bottom: 45%;
    }
    .popup-send-btn {
        padding: 10px 94px;
        font-size: 14px;
        width: 100%;
    }
    .popup-input input {
        width: 100%;
        padding: 8px;
    }
    .popup-body p {
        font-size: 14px;
    }
    .popup-title p {
        font-size: 14px;
    }
    .lined-heading::before,
    .lined-heading::after {
        display: none;
    }
    body {
        font-size: 14px;
    }
    .card-style3 {
        max-width: 305px;
        height: 265px;
    }
    .frist-word {
        color: #ffe5cd;
    }
    .overlay {
        background: linear-gradient(
            to bottom right,
            rgb(34 34 34 / 79%) 0%,
            rgb(0 0 0 / 29%) 50%,
            rgba(255, 255, 255, 0) 100%
        );
    }
    .ptop-80 {
        padding-top: 10px;
    }
    .section-title h2 {
        font-size: 25px;
    }
    .img2_test img {
        height: 0%;
    }
    .pt-6060 {
        padding-top: 0rem;
    }
    .qodef-e {
        margin-bottom: 0px;
    }
    .qodef-e-title {
        margin: 3px 0;
    }
    .features-section-two .title-column .inner-column {
        padding: 27px 15px 0;
    }
    .custom-container {
        margin: 0px 4%;
        margin-top: -75px;
    }
    .features-section-two .features-column .inner-column {
        margin-left: -71px;
        padding: 16px 20px 0 0;
    }
    .image img {
        width: 55%;
    }
    .features-section-two .features-column .image {
        margin-bottom: 0;
        position: absolute;
        right: -91px;
        top: -33px;
        width: 326px;
        text-align: center;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .btn-btn {
        padding: 7px 9px;
        font-size: 12px;
    }
    .reservation-area-coffee.reservation-area-padding {
        padding: 60px 0;
    }
    .w-100-btn {
        width: 100% !important;
    }
    .booking-form.coffee-booking-form .common-btn {
        font-size: 16px;
    }
    .sec-heading h2 {
        font-size: 27px;
    }
    .clients {
        padding: 30px 0;
    }
    .flex {
        display: block;
    }
    .owl-item {
        align-items: center !important;
        justify-content: center !important;
        display: flex !important
    ;
    }
    /* for about */
    /* section assurance */
    .specialization {
        padding: 20px 0;
    }

    .section-title-s2 .section-title h2 {
        font-size: 1.3rem; /* Slightly smaller heading */
    }

    .grey {
        font-size: 0.8rem; /* Smaller text for description */
    }

    .specialization-grids {
        flex-direction: column;
        align-items: center;
    }

    .box-grey {
        width: 85%; /* Adjust the width to make boxes fit better */
        margin-bottom: 20px; /* Spacing between items */
        padding: 0px;
    }

    .icn-img {
        width: 45px;
        height: 50px;
    }

    .sectionp3 {
        font-size: 0.9rem; /* Smaller font size for text */
    }
    .top-4 {
        margin-top: 0% !important;
    }
    .centeredtwor {
        top: 0%;
        transform: none;
        left: 0%;
    }
    .box-grey {
        flex: 0 0 37% !important;
        background-color: #e6e5dd66;
        color: black;
        padding-top: 20px;
        margin-right: 25px;
        font-size: 14px;
    }
    .specialization {
        height: 98vh;
    }
    .section-title-s2 {
        margin-bottom: 40px;
    }
    .mission-vision img {
        width: 58px !important;
    }
    .book-consultation-banner {
        padding: 30px;
    }
    .row.chooserow {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .flex-banner-container {
        height: 150px;
    }
    .image-container2 {
        display: none;
    }
    .cta {
        padding: 7px 14px;
        border-radius: 5px;
        font-size: 11px;
    }
    .mission-vision h3 {
        font-size: 25px;
    }
    .hero33 .hero-inner {
        height: 400px;
    }
    /* Ensure gallery-box uses flexbox to center its content */
    .gallery-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 11px;
        /* text-align: left;
        margin-left: -34%; */
    }
    .gallery-block-five {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .gallery-block-five .image {
        position: relative;
        width: 300px;
        height: 260px;
    }
    .gallery-section-three {
        padding: 20px 0px 70px;
    }
    /* gallery */
    .gallery-item {
        flex: 0 0 calc(51% - 5px);
    }
    .gallery-container {
        padding: 5px; /* Optional: reduce padding to fit better */
    }

    /* Optional: reduce gap even further */
    .gallery-item {
        margin-bottom: 8px;
    }
    .ash2 {
        padding: 0px 5px 10px 5px;
        text-align: center;
    }
    .swiper-slide img {
        height: 150px;
    }
    .play-button-overlay {
        top: 59%;
        left: 50%;

        font-size: 25px;
    }
    /* (min-width: 340px) and (max-width: 480px) end */

    /* testimonials */
    .swiper-slide {
        padding: 20px 0px;
    }
    .coffee-testimonial-box {
        padding: 0px;
    }
    /* services */
    #section-service-1 {
        flex-direction: column; /* Stack elements vertically */
        padding: 10px;
    }

    #section-service-1 .image-container {
        height: 200px !important; /* Adjust height for smaller screens */
        margin: 0 auto; /* Center the image container */
        width: 100%; /* Make it take full width */
        margin-top: 12%;
    }

    #section-service-1 .image-container .background-image {
        height: 160px;
        background-size: cover;
        background-position: center;
    }
    .col-md-offset-6 {
        margin-left: 0%;
    }
    #section-service-1 .container {
        padding: 15px; /* Add padding to container */
    }

    #section-service-1 .inner-padding {
        padding: 10px; /* Add padding to inner content */
    }

    #section-service-1 h3 {
        font-size: 1.5rem; /* Adjust heading size */
        text-align: center; /* Center-align heading */
    }

    #section-service-1 p {
        font-size: 1rem; /* Adjust paragraph font size */
        line-height: 1.5; /* Improve readability */
        text-align: justify; /* Align text for readability */
        margin-top: 60%;
    }
    .w-h-00 {
        height: 76%;
        width: 89%;
    }
    #section-service-1 #readMoreBtn {
        display: block;
        margin: 10px auto; /* Center the button */
        text-align: center;
        font-size: 1rem;
    }
    .p-lef-ser {
        padding: 0px 0px 0px 0px;
    }
    #section-service-2 {
        display: flex !important; /* Ensure Flexbox is applied */
        flex-direction: column !important; /* Stack elements vertically */
    }

    #section-service-2 .container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* Center content horizontally */
    }

    #section-service-2 h3 {
        order: 1 !important; /* Heading stays at the top */
        text-align: center !important; /* Optional: Center-align the heading */
    }

    #section-service-2 .image {
        order: 2 !important; /* Image appears after the heading */
        width: 550px !important;
        text-align: center !important; /* Center-align the image */
        margin: 10px 0 !important; /* Add spacing around the image */
    }
    .w-h-11 {
        padding: 0px;
    }
    #section-service-2 .image img {
        max-width: 100% !important; /* Ensure the image is responsive */
        height: auto !important; /* Maintain aspect ratio */
        border-radius: 5px !important; /* Optional: Add rounded corners */
    }

    #section-service-2 p {
        order: 3 !important; /* Paragraph appears after the image */
        font-size: 1rem !important; /* Adjust paragraph font size */
        line-height: 1.5 !important; /* Improve text readability */
        text-align: justify !important; /* Justify text for better alignment */
        margin: 10px 0 !important; /* Add spacing around the text */
    }

    #section-service-2 .btn-line {
        order: 4 !important; /* Button appears at the bottom */
        display: block !important;
        margin: 10px auto !important; /* Center-align the button */
        font-size: 1rem !important; /* Adjust font size for the button */
    }
    .side-bg.no-padding.service-list {
        padding: 30px 17px;
    }
    .mtt {
        margin-top: 63%;
    }
    .contact-style02 .info-box .single-item {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    #popUp {
        position: fixed;
        width: 81%;
        padding: 4%;
        bottom: 17%;
    }
    [type="submit"] {
        font-size: 15px;
        padding-top: 12px;
        padding-bottom: 12px;
        margin-top: 0px;
    }
    #popUp .close {
        position: absolute;
        top: -15px;
        left: -5%;
        color: #ffffff;
        font-family: inherit;
        font-weight: normal;
        font-size: 1.5em;
        cursor: pointer;
        background-color: #c9848487;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }
    .contacts-bg {
        background-size: cover;
        margin-bottom: 2em;
        background-image: none;
    }
    .hero {
        padding: 25px;
    }

    .card-style3 {
        max-width: 371px;
        height: 272px;
    }
    .row.align-item-center.gap-media.gap-media {
        gap: 15px !important;
    }
    .testimonial-content h4 {
        font-size: 17px;

        color: #914621;

        text-align: left;
    }
    .custom-testimonial-list {
        max-width: 450px;
    }
    .custom-testimonial-box p {
        font-size: 14px;
    }
    .pad25-0 {
        padding: 0px 9px;
    }
    .contacts-bg .icon-list7 {
        width: 436px;
    }
    .icon-multilist {
        width: 400px;
    }
    .icon-img2 {
        margin-top: 14px;
    }
}
@media screen and (min-width: 481px) and (max-width: 567px) {
        .booking-form.coffee-booking-form {
        width: 100%;
        margin-top: 9%;
    }
    .quote-btn {
        bottom: 38%;
        padding: 9px 15px;
        font-size: 13px;
    }
    .qcall {
        bottom: 53%;
    }
    .gallery-block-five .overlay-box {
        background-color: rgb(255 255 255 / 40%);
    }
    .font-shot {
        padding: 0px 125px 0px 0px;
    }
    .m-t-b {
        margin-top: 25px;
    }
    .img-shape {
        margin-top: 35px;
    }
    .sidebar {
        left: -300px;
        width: 300px;
    }
    .bg-mission {
        margin: 0px;
        margin-bottom: 15px;
    }
    .bg-light2 {
        margin: 0px;
        margin-bottom: 15px;
    }
    .hero33 h1 {
        font-size: 30px;
        letter-spacing: 1px;
    }
    .grey {
        padding: 0px 14px;
    }

    .mob-logo {
        width: 150px;
        height: 47px;
    }
    .qwhtsapp {
        bottom: 45%;
    }
    .popup-send-btn {
        padding: 10px 94px;
        font-size: 14px;
        width: 100%;
    }
    .popup-input input {
        width: 100%;
        padding: 8px;
    }
    .popup-body p {
        font-size: 14px;
    }
    .popup-title p {
        font-size: 14px;
    }
    .lined-heading::before,
    .lined-heading::after {
        display: none;
    }
    body {
        font-size: 14px;
    }
    .card-style3 {
        max-width: 305px;
        height: 265px;
    }
    .frist-word {
        color: #ffe5cd;
    }
    .overlay {
        background: linear-gradient(
            to bottom right,
            rgb(34 34 34 / 79%) 0%,
            rgb(0 0 0 / 29%) 50%,
            rgba(255, 255, 255, 0) 100%
        );
    }
    .ptop-80 {
        padding-top: 10px;
    }
    .section-title h2 {
        font-size: 25px;
    }
    .img2_test img {
        height: 0%;
    }
    .pt-6060 {
        padding-top: 0rem;
    }
    .qodef-e {
        margin-bottom: 0px;
    }
    .qodef-e-title {
        margin: 3px 0;
    }
    .features-section-two .title-column .inner-column {
        padding: 27px 15px 0;
    }
    .custom-container {
        margin: 0px 4%;
        margin-top: -75px;
    }
    .features-section-two .features-column .inner-column {
        margin-left: -71px;
        padding: 16px 20px 0 0;
    }
    .image img {
        width: 55%;
    }
    .features-section-two .features-column .image {
        margin-bottom: 0;
        position: absolute;
        right: -91px;
        top: -33px;
        width: 326px;
        text-align: center;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .btn-btn {
        padding: 7px 9px;
        font-size: 12px;
    }
    .reservation-area-coffee.reservation-area-padding {
        padding: 60px 0;
    }
    .w-100-btn {
        width: 100% !important;
    }
    .booking-form.coffee-booking-form .common-btn {
        font-size: 16px;
    }
    .sec-heading h2 {
        font-size: 27px;
    }
    .clients {
        padding: 30px 0;
    }
    .flex {
        display: block;
    }
    .owl-item {
        align-items: center !important;
        justify-content: center !important;
        display: flex !important
    ;
    }
    /* for about */
    /* section assurance */
    .specialization {
        padding: 20px 0;
    }

    .section-title-s2 .section-title h2 {
        font-size: 1.3rem; /* Slightly smaller heading */
    }

    .grey {
        font-size: 0.8rem; /* Smaller text for description */
    }

    .specialization-grids {
        flex-direction: column;
        align-items: center;
    }

    .box-grey {
        width: 85%; /* Adjust the width to make boxes fit better */
        margin-bottom: 20px; /* Spacing between items */
        padding: 0px;
    }

    .icn-img {
        width: 45px;
        height: 50px;
    }

    .sectionp3 {
        font-size: 0.9rem; /* Smaller font size for text */
    }
    .top-4 {
        margin-top: 0% !important;
    }
    .centeredtwor {
        top: 0%;
        transform: none;
        left: 0%;
    }
    .box-grey {
        flex: 0 0 37% !important;
        background-color: #e6e5dd66;
        color: black;
        padding-top: 20px;
        margin-right: 25px;
        font-size: 14px;
    }
    .specialization {
        height: 98vh;
    }
    .section-title-s2 {
        margin-bottom: 40px;
    }
    .mission-vision img {
        width: 70px !important;
    }
    .row.chooserow {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .flex-banner-container {
        height: 150px;
    }
    .image-container2 {
        display: none;
    }
    .cta {
        padding: 7px 14px;
        border-radius: 5px;
        font-size: 11px;
    }
    .mission-vision h3 {
        font-size: 25px;
    }
    .hero33 .hero-inner {
        height: 400px;
    }
    /* Ensure gallery-box uses flexbox to center its content */
    .gallery-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 11px;
        /* text-align: left;
        margin-left: -34%; */
    }
    .gallery-block-five {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .gallery-block-five .image {
        position: relative;
        width: 300px;
        height: 260px;
    }
    .gallery-section-three {
        padding: 20px 0px 70px;
    }
    /* gallery */
    .gallery-item {
        flex: 0 0 calc(51% - 5px);
    }
    .gallery-container {
        padding: 5px; /* Optional: reduce padding to fit better */
    }

    /* Optional: reduce gap even further */
    .gallery-item {
        margin-bottom: 8px;
    }
    .ash2 {
        padding: 0px 5px 10px 5px;
        text-align: center;
    }
    .swiper-slide img {
        height: 150px;
    }
    .play-button-overlay {
        top: 59%;
        left: 50%;

        font-size: 25px;
    }
    /* (min-width: 340px) and (max-width: 480px) end */

    /* testimonials */
    .swiper-slide {
        padding: 20px 0px;
    }
    .coffee-testimonial-box {
        padding: 0px;
    }
    /* services */
    #section-service-1 {
        flex-direction: column; /* Stack elements vertically */
        padding: 10px;
    }

    #section-service-1 .image-container {
        height: 200px !important; /* Adjust height for smaller screens */
        margin: 0 auto; /* Center the image container */
        width: 100%; /* Make it take full width */
        margin-top: 12%;
    }

    #section-service-1 .image-container .background-image {
        height: 160px;
        background-size: cover;
        background-position: center;
    }
    .col-md-offset-6 {
        margin-left: 0%;
    }
    #section-service-1 .container {
        padding: 15px; /* Add padding to container */
    }

    #section-service-1 .inner-padding {
        padding: 10px; /* Add padding to inner content */
    }

    #section-service-1 h3 {
        font-size: 1.5rem; /* Adjust heading size */
        text-align: center; /* Center-align heading */
    }

    #section-service-1 p {
        font-size: 1rem; /* Adjust paragraph font size */
        line-height: 1.5; /* Improve readability */
        text-align: justify; /* Align text for readability */
        margin-top: 60%;
    }
    .w-h-00 {
        height: 76%;
        width: 89%;
    }
    #section-service-1 #readMoreBtn {
        display: block;
        margin: 10px auto; /* Center the button */
        text-align: center;
        font-size: 1rem;
    }
    .p-lef-ser {
        padding: 0px 0px 0px 0px;
    }
    #section-service-2 {
        display: flex !important; /* Ensure Flexbox is applied */
        flex-direction: column !important; /* Stack elements vertically */
    }

    #section-service-2 .container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* Center content horizontally */
    }

    #section-service-2 h3 {
        order: 1 !important; /* Heading stays at the top */
        text-align: center !important; /* Optional: Center-align the heading */
    }

    #section-service-2 .image {
        order: 2 !important; /* Image appears after the heading */
        width: 550px !important;
        text-align: center !important; /* Center-align the image */
        margin: 10px 0 !important; /* Add spacing around the image */
    }
    .w-h-11 {
        padding: 0px;
    }
    #section-service-2 .image img {
        max-width: 100% !important; /* Ensure the image is responsive */
        height: auto !important; /* Maintain aspect ratio */
        border-radius: 5px !important; /* Optional: Add rounded corners */
    }

    #section-service-2 p {
        order: 3 !important; /* Paragraph appears after the image */
        font-size: 1rem !important; /* Adjust paragraph font size */
        line-height: 1.5 !important; /* Improve text readability */
        text-align: justify !important; /* Justify text for better alignment */
        margin: 10px 0 !important; /* Add spacing around the text */
    }

    #section-service-2 .btn-line {
        order: 4 !important; /* Button appears at the bottom */
        display: block !important;
        margin: 10px auto !important; /* Center-align the button */
        font-size: 1rem !important; /* Adjust font size for the button */
    }
    .side-bg.no-padding.service-list {
        padding: 30px 17px;
    }
    .mtt {
        margin-top: 75%;
    }
    .contact-style02 .info-box .single-item {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    #popUp {
        position: fixed;
        width: 95%;
        padding: 4%;
        bottom: 17%;
    }
    [type="submit"] {
        font-size: 15px;
        padding-top: 12px;
        padding-bottom: 12px;
        margin-top: 0px;
    }
    #popUp .close {
        position: absolute;
        top: -15px;
        left: -5%;
        color: #ffffff;
        font-family: inherit;
        font-weight: normal;
        font-size: 1.5em;
        cursor: pointer;
        background-color: #c9848487;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }
    .contacts-bg {
        background-size: cover;
        margin-bottom: 2em;
        background-image: none;
    }
    .hero {
        padding: 25px;
    }

    .card-style3 {
        max-width: 357px;
        height: 270px;
    }
    .row.align-item-center.gap-media.gap-media {
        gap: 15px !important;
    }
    .testimonial-content h4 {
        font-size: 17px;

        color: #914621;

        text-align: left;
    }
    .custom-testimonial-list {
        max-width: 450px;
    }
    .custom-testimonial-box p {
        font-size: 14px;
    }
    .pad25-0 {
        padding: 0px 9px;
    }
    .contacts-bg .icon-list7 {
        width: 600px;
    }
    .icon-multilist {
        width: 400px;
    }
    .icon-img2 {
        margin-top: 14px;
    }
}

@media screen and (min-width: 340px) and (max-width: 480px) {
        .booking-form.coffee-booking-form {
        width: 100%;
        margin-top: 80%;
    }
    .row-1, .row-2{ padding: 0px;}
    .quote-btn {
        bottom: 38%;
        padding: 9px 15px;
        font-size: 13px;
    }
    .elevating-lives {
        text-align: justify !important;
        font-size: 13px !important;
    }
    .service-title {
        color: #914621;
        font-size: 28px;
        margin-bottom: 20px;
        margin-top: 20px;
     }
    .testimonial-content h4 {
        font-size: 14px;

        color: #914621;

        text-align: left;
    }
    .qcall {
        bottom: 53%;
    }
    .font-shot {
        padding: 0px 80px 0px 0px;
    }
    .m-t-b {
        margin-top: 25px;
    }
    .img-shape {
        margin-top: 35px;
    }
    .bg-mission {
        margin: 0px;
    }
    .bg-light2 {
        margin: 0px;
    }
    .hero33 h1 {
        font-size: 30px;
        letter-spacing: 1px;
    }
    .mob-logo {
        width: 150px;
        height: 47px;
    }
    .qwhtsapp {
        bottom: 45%;
    }
    .popup-send-btn {
        padding: 10px 94px;
        font-size: 14px;
    }
    .popup-input input {
        width: 100%;
        padding: 8px;
    }
    .popup-body p {
        font-size: 14px;
    }
    .popup-title p {
        font-size: 14px;
    }
    .lined-heading::before,
    .lined-heading::after {
        display: none;
    }
    body {
        font-size: 14px;
    }
    .card-style3 {
        max-width: 345px;
        height: 265px;
    }
    .frist-word {
        color: #ffe5cd;
    }
    .overlay {
        background: linear-gradient(
            to bottom right,
            rgb(34 34 34 / 79%) 0%,
            rgb(0 0 0 / 29%) 50%,
            rgba(255, 255, 255, 0) 100%
        );
    }
    .ptop-80 {
        padding-top: 10px;
    }
    .section-title h2 {
        font-size: 25px;
    }
    .img2_test img {
        height: 0%;
    }
    .pt-6060 {
        padding-top: 0rem;
    }
    .qodef-e {
        margin-bottom: 0px;
    }
    .qodef-e-title {
        margin: 3px 0;
    }
    .features-section-two .title-column .inner-column {
        padding: 27px 15px 0;
    }
    .custom-container {
        margin: 0px 4%;
        margin-top: -75px;
    }
    .features-section-two .features-column .inner-column {
        margin-left: -71px;
        padding: 16px 20px 0 0;
    }
    .image img {
        width: 55%;
    }
    .features-section-two .features-column .image {
        margin-bottom: 0;
        position: absolute;
        right: -91px;
        top: -33px;
        width: 326px;
        text-align: center;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .btn-btn {
        padding: 7px 9px;
        font-size: 12px;
    }
    .reservation-area-coffee.reservation-area-padding {
        padding: 60px 0;
    }
    .w-100-btn {
        width: 100% !important;
    }
    .booking-form.coffee-booking-form .common-btn {
        font-size: 16px;
    }
    .sec-heading h2 {
        font-size: 27px;
    }
    .clients {
        padding: 30px 0;
    }
    .flex {
        display: block;
    }
    .owl-item {
        align-items: center !important;
        justify-content: center !important;
        display: flex !important
    ;
    }
    /* for about */
    /* section assurance */
    .specialization {
        padding: 20px 0;
    }

    .section-title-s2 .section-title h2 {
        font-size: 1.3rem; /* Slightly smaller heading */
    }

    .grey {
        font-size: 0.8rem; /* Smaller text for description */
    }

    .specialization-grids {
        flex-direction: column;
        align-items: center;
    }

    .box-grey {
        width: 85%; /* Adjust the width to make boxes fit better */
        margin-bottom: 20px; /* Spacing between items */
        padding: 0px;
        height: 155px;
    }

    .icn-img {
        width: 45px;
        height: 50px;
    }

    .sectionp3 {
        font-size: 0.9rem; /* Smaller font size for text */
    }
    .top-4 {
        margin-top: 0% !important;
    }
    .centeredtwor {
        top: 0%;
        transform: none;
        left: 0%;
    }
    .box-grey {
        flex: 0 0 37% !important;
        background-color: #e6e5dd66;
        color: black;
        padding-top: 20px;
        margin-right: 25px;
        font-size: 14px;
    }
    .specialization {
        height: 114vh;
    }
    .section-title-s2 {
        margin-bottom: 40px;
    }
    .mission-vision img {
        width: 70px !important;
    }
    .row.chooserow {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .flex-banner-container {
        height: 150px;
    }
    .image-container2 {
        display: none;
    }
    .cta {
        padding: 7px 14px;
        border-radius: 5px;
        font-size: 11px;
    }
    .mission-vision h3 {
        font-size: 25px;
    }
    .hero33 .hero-inner {
        height: 400px;
    }
    /* Ensure gallery-box uses flexbox to center its content */
    .gallery-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 11px;
        /* text-align: left;
        margin-left: -34%; */
    }
    .gallery-block-five {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .gallery-block-five .image {
        position: relative;
        width: 300px;
        /*height: 260px;*/
    }
    .gallery-section-three {
        padding: 20px 0px 70px;
    }
    /* gallery */
    .gallery-item {
        flex: 0 0 calc(51% - 5px);
    }
    .gallery-container {
        padding: 5px; /* Optional: reduce padding to fit better */
    }

    /* Optional: reduce gap even further */
    .gallery-item {
        margin-bottom: 8px;
    }
    .ash2 {
        padding: 0px 5px 10px 5px;
        text-align: center;
    }
    .swiper-slide img {
        height: 200px;
    }
    .play-button-overlay {
        top: 59%;
        left: 50%;

        font-size: 25px;
    }
    /* (min-width: 340px) and (max-width: 480px) end */

    /* testimonials */
    .swiper-slide {
        padding: 20px 0px;
    }
    .coffee-testimonial-box {
        padding: 0px;
    }
    /* services */
    #section-service-1 {
        flex-direction: column; /* Stack elements vertically */
        padding: 10px;
    }

    #section-service-1 .image-container {
        height: 200px !important; /* Adjust height for smaller screens */
        margin: 0 auto; /* Center the image container */
        width: 100%; /* Make it take full width */
        margin-top: 12%;
    }

    #section-service-1 .image-container .background-image {
        height: 160px;
        background-size: cover;
        background-position: center;
    }
    .col-md-offset-6 {
        margin-left: 0%;
    }
    #section-service-1 .container {
        padding: 15px; /* Add padding to container */
    }

    #section-service-1 .inner-padding {
        padding: 10px; /* Add padding to inner content */
    }

    #section-service-1 h3 {
        font-size: 1.5rem; /* Adjust heading size */
        text-align: center; /* Center-align heading */
    }

    #section-service-1 p {
        font-size: 1rem; /* Adjust paragraph font size */
        line-height: 1.5; /* Improve readability */
        text-align: justify; /* Align text for readability */
        margin-top: 47%;
    }
    .w-h-00 {
        height: 76%;
        width: 89%;
    }
    #section-service-1 #readMoreBtn {
        display: block;
        margin: 10px auto; /* Center the button */
        text-align: center;
        font-size: 1rem;
    }
    .p-lef-ser {
        padding: 0px 0px 0px 0px;
    }
    #section-service-2 {
        display: flex !important; /* Ensure Flexbox is applied */
        flex-direction: column !important; /* Stack elements vertically */
    }

    #section-service-2 .container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important; /* Center content horizontally */
    }

    #section-service-2 h3 {
        order: 1 !important; /* Heading stays at the top */
        text-align: center !important; /* Optional: Center-align the heading */
    }

    #section-service-2 .image {
        order: 2 !important; /* Image appears after the heading */
        width: 550px !important;
        text-align: center !important; /* Center-align the image */
        margin: 10px 0 !important; /* Add spacing around the image */
    }
    .w-h-11 {
        padding: 0px;
    }
    #section-service-2 .image img {
        max-width: 100% !important; /* Ensure the image is responsive */
        height: auto !important; /* Maintain aspect ratio */
        border-radius: 5px !important; /* Optional: Add rounded corners */
    }

    #section-service-2 p {
        order: 3 !important; /* Paragraph appears after the image */
        font-size: 1rem !important; /* Adjust paragraph font size */
        line-height: 1.5 !important; /* Improve text readability */
        text-align: justify !important; /* Justify text for better alignment */
        margin: 10px 0 !important; /* Add spacing around the text */
    }

    #section-service-2 .btn-line {
        order: 4 !important; /* Button appears at the bottom */
        display: block !important;
        margin: 10px auto !important; /* Center-align the button */
        font-size: 1rem !important; /* Adjust font size for the button */
    }
    .side-bg.no-padding.service-list {
        padding: 30px 17px;
    }
    .mtt {
        margin-top: 75%;
    }
    .contact-style02 .info-box .single-item {
        margin-bottom: 17px;
        margin-top: 6px;
    }
    /*.contacts-bg .col-md-4 {*/
    /*    height: 91% !important;*/
    /*}*/
    .coffee-booking-form{
        margin-top: 55px;
    }
    #popUp {
        position: fixed;
        width: 95%;
        padding: 4%;
        bottom: 17%;
    }
    [type="submit"] {
        font-size: 15px;
        padding-top: 7px;
        padding-bottom: 7px;
        margin-top: 0px;
    }
    #popUp .close {
        position: absolute;
        top: -15px;
        left: -5%;
        color: #ffffff;
        font-family: inherit;
        font-weight: normal;
        font-size: 1.5em;
        cursor: pointer;
        background-color: #c9848487;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
    }
    .contacts-bg {
        background-size: cover;
        margin-bottom: 2em;
        background-image: none;
    }
    .icon-content3 span {
        font-size: 14px !important;
    }
    .eq-ht {
        height: 250px;
    }
    .icon-img2 {
        margin-top: 16px;
        font-size: 14px;
    }
    .contacts-bg .icon-content3 {
        width: 300px;
    }
}

@media (max-width: 768px) {
    .desktop-header {
        display: none; /* Hide desktop header on mobile */
    }
    .mobile-header {
        display: flex;
        justify-content: center; /* Center the logo */
        align-items: center;
        padding: 10px 20px;
        background-color: #a4907d;
        position: relative;
    }

    .logo-container {
        position: absolute; /* Position the logo absolutely */
        left: 50%; /* Center it horizontally */
        transform: translateX(-50%); /* Adjust for the element's width */
    }

    .nav-links {
        display: flex; /* Use flexbox for navigation links */
        position: absolute; /* Position links absolutely */
        top: 10px; /* Align them to the top */
        left: 20px; /* Adjust to your preference */
    }

    .nav-link {
        margin: 0 10px; /* Space between the links */
        text-decoration: none; /* No underline */
        color: #333; /* Link color */
    }

    /* banner */
    .bottom-right-image {
        display: none !important;
    }

    /* Ensure the content-box is centered properly */
    .content-box {
        text-align: center;
    }
    .main-slider-font {
        font-size: 29px;
    }
    .main-slider .slide {
        background-size: cover;
        background-position: center;
        height: 35vh;
    }
    .owl-carousel .owl-nav button.owl-next {
        right: 10px !important;
        background-color: #ffffffc4 !important;
        border-style: none !important;
        border-radius: 5px 5px 5px 5px !important;
        padding: 20px 20px 20px 20px !important;
        box-shadow: -1px 6px 75px -7px #000000 !important;
        width: 35px;
        height: 33px;
    }
    .title {
        font-size: 14px;
    }
    .owl-theme .owl-dots .owl-dot span {
        background: #d6d6d600 !important;
    }
    .client-name-home {
        text-align: center;
        color: #bd7d42;
        margin-bottom: 10px;
    }
    .swiper-slide {
        width: 100%;
        margin-right: 0;
    }
    .flex-block {
        display: block;
    }
    .container__recentpages {
        flex: 1;
    }
    .hr-media {
        border-top-width: 1px;
        margin-bottom: 18px;
        color: #e6e5dd;
        display: block;
    }
    .main-ft-h {
        color: #c7af98;
    }
    .footer-sub {
        color: #c7af98;
    }
    .container__about strong {
        color: beige;
    }
    .custom-testimonial-box {
        flex-direction: column; /* Stack content vertically */
        width: 100%; /* Take full width of the container */
        margin-bottom: 15px; /* Add spacing between rows */
    }

    .avatar {
        margin: 15px auto 10px;
        width: 100px;
        height: 95px;
    }

    .avatar img {
        width: 100%; /* Ensure image fits inside avatar */
        height: 100%; /* Keep the avatar square */
        object-fit: cover; /* Keep image proportional */
    }

    .testimonial-content {
        text-align: center; /* Center-align the text */
    }

    .custom-rating {
        margin-left: 0; /* Reset margin for proper alignment */
        margin-top: 5px; /* Add a small spacing above the rating */
    }

    .txt-wid {
        font-size: 14px; /* Adjust text size for better readability */
    }
    .custom-testimonial-box {
        padding: 15px 0px 20px 0px;
    }
    .media-hide {
        display: none;
    }
    .contact-form-section {
        padding: 20px;
    }

    .contact-form-section .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .contact-form-section .form-group {
        margin-bottom: 15px;
    }

    .contact-form-section input,
    .contact-form-section textarea {
        width: 100%;
        padding: 10px;
        font-size: 16px;
        margin-top: 5px;
    }

    .contact-form-section textarea {
        height: 150px;
        resize: vertical;
    }

    .contact-form-section button {
        width: 100%;
        padding: 15px;
        font-size: 18px;
        background-color: #64477a;
        color: #fff;
        border: none;
        cursor: pointer;
    }

    .contact-form-section h2 {
        font-size: 24px;
    }

    /* Center form elements */
    .contact-form-section .col-md-8 {
        max-width: 100%;
        padding: 0;
    }
    .contacts-bg .col-md-4 {
               background-color:#050403;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 95%;
        margin-bottom: 3px;
        border-radius: 8px;
    }
     .blk-mob {
               background-color:#050403;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 95%;
        margin-bottom: 3px;
        border-radius: 8px;
    }
    .media-hide{
        display:none;
    }
    .hero3 {
        background-color: #ffe4c400;
    }
    /* Stack columns vertically on small screens */
    .contacts-bg .row {
        display: block;
    }

    /* Ensure the content within the columns is visible */
    .contacts-bg .icon-list7 {
        position: relative;
        z-index: 2;
        padding: 20px;
    }

    .contacts-bg .icon-content3 {
        position: relative;
        z-index: 3;
        padding: 15px;
        color: #fff; /* White text for readability */
    }

    /* Ensure images inside icon-content are responsive */
    .contacts-bg .icon-img2 img {
        max-width: 100%;
        height: auto;
        position: relative;
        z-index: 4;
    }
    .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
        content: "prev";
        color: #e6e5dd;
    }
    .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
        content: "next";
        color: #e6e5dd;
    }
    .contacts-bg {
        background-image: none;
    }
    .icon-img2 {
        display: none;
    }
    .border-media-contact {
        border-bottom: solid 2px beige;
    }
}
@media (max-width: 999px) {
    .image img {
    width: 100%; /* Makes the image responsive */
    max-width: 300px; /* Adjust as needed */
    max-height: 300px;
    object-fit: cover; /* Ensures the image maintains aspect ratio */
    border-radius: 10px; /* Adds rounded corners */
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); /* Adds a subtle shadow */
}
  .side-bg {
    flex-direction: column !important; /* Stack elements in a column */
    text-align: center !important;
  }

  .image-container,
  .image {
    width: 100% !important; /* Full width for images */
     /*height: auto !important; Maintain aspect ratio */
    margin: 0 auto !important;
      order: 2!important;
    display: block!important;
    clear: both!important;
  }


  .inner-padding,
  .inner-padding2 {
    width: 100% !important;
    padding: 20px !important;
  } 
  .side-bg {
    flex-direction: column!important;
  }

  .text-cont  {
    order: 1!important;
    display: block !important;
    clear: both !important;

  }
.service-section {
  position: relative;
  padding: 0;
  width: 100%;
  overflow: hidden;
}

.service-section.bisque {
  background-color: #FFE4C4;
}

.service-section.bg-bige-lit {
  background-color: #F5F5DC;
}

.service-content {
  align-items: center;
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.service-content.image-right {
  flex-direction: row-reverse;
}

.image-block {
  flex: 1;
  min-height: 380px;
  position: relative;
}

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

.background-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
}

.text-block {
  flex: 1;
  padding: 30px;
}

.id-color {
  color: #333;
  margin-bottom: 20px;
}

.p-lef-ser {
  line-height: 1.6;
  color: #666;
 margin-top: 195px;
}
/* Desktop View - Keep Desktop Images */
@media (min-width: 1000px) {
    .hide-desk-img {
      display: block !important;
    }

    .hide-mobile-img {
      display: none !important;
    }
}
/* Mobile Responsive Styles */
@media (max-width: 999px) {
    .side-bg {
      flex-direction: column;
      text-align: center;
    }

    /* Hide desktop images for even sections in mobile */
    .image-container.even {
      display: none;
    }

    /* Show the new image in mobile (for even sections) */
    .mobile-image {
      display: block !important;
      margin: 10px auto;
    }

    /* Make images responsive */
    .image-container img, 
    .mobile-image img {
      max-width: 100%;
      height: auto;
         margin-top: 91px;
    }

    .inner-padding, 
    .inner-padding2 {
      text-align: center;
      margin-top: 20px;
    }
    .col-md-offset-6 {
    margin-left: 0%;
}
.p-lef-ser {
    padding: 0px !important;
  font-size: 14px !important;
}
.hide-desk-img{
        display:block !important;
        
    }
.hide-mobile-img{
      display:none !important;
}
    .logo.flex-one{
    text-align: center !important;
}
.foot_text .small{
    text-align: center!important;
}
.foot_text {
    text-align: center!important;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
    text-align: center!important;
}
.s-media-icn{
      text-align: center!important;
}
}