@import url("./dev-style.css");

/* 1. 2524 screen size */
@media screen and (min-width: 2560px) {
.custom-width-height-model {
    width: 1000px;
    height: 900px;
}
}
@media screen and (max-width: 2560px) {

    /* 1.9 home page style */
    .home-page-images-grid-row .image-container {
        width: 25%;
    }

    /* 1.6 tiles design  page */
    .img-box-450-last {
        display: none;
    }

    .about-ourmission-col-4-small {
        display: none;
    }

    .grid-wrap-tiles::before {
        top: 40%;
    }

    /* 1.8 product detial page */
    .tiles-design-image-container img {
        width: 400px;
    }

    .tiles-design-image-container .img-box {
        max-width: 400px;
    }

    .tiles-design-image-container {
        justify-content: left;
    }
}

@media screen and (max-width: 1540px) {
    .grid-wrap-tiles::before {
        top: 175%;
    }

    /* 2.8 product detial page */
    .tiles-design-image-container img {
        width: 100%;
    }

    .tiles-design-image-container .img-box {
        max-width: 400px;
    }
}


/* 2. 1440 screen size */
@media screen and (max-width: 1440px) {

    /* 2.3 blog */
    .grid-wrap-tiles::before {
        top: 66%;
    }

    /* 2.6.1 types images */
    .img-box-450-last {
        display: none;
    }
}

/* 3. 1024 screen size */
@media (max-width: 1024px) {

    /* 3.1 about us page */
    .testimonials-section {
        margin: 30px;
        text-align: center;
    }

    .testimonials-section .testimonial-item {
        max-width: 80%;
        margin: auto;
    }

    .partners-section {
        margin: 30px;
    }

    .partner-cta {
        margin: 30px;
    }

    .partner-cta-heading {
        font-size: 34px;
        margin-bottom: 10px;
    }

    .partner-cta-description {
        margin-bottom: 15px;
    }

    /* 3.1.3 About TilesFinders */
    .blue-accent {
        bottom: -7%;
        left: 4px;
    }

    .why-choose-blue-accent {
        bottom: -21%;
        left: 1%;
    }

    .who-we-are-col-6 {
        padding: 0;
    }

    .who-we-are-badge {
        margin-top: 35px;
    }

    .about-section {
        padding: 1rem 0;
    }

    .team-image-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: auto;
        width: 100%;
    }

    /* 3.2 contact page */
    .contact-container {
        width: 992px;
    }

    /* 3.3 blog */
    .blog-search-container {
        margin-top: 3%;
    }

    .team-image-container img {
        width: 85%;
    }

    /* 3.5.1 blog detail col 3 */
    .Blog-Card-4 {
        display: none;
    }

    .Blog-Card-5 {
        display: none;
    }

    /* 3.5.2 blog detail img grid */
    .tiles-design-image-container .img-box {
        max-width: 100%;
    }

    .tiles-design-image-container {
        overflow: visible;
    }

    .tiles-design-image-container img {
        width: 160px;
    }

    /* 3.5.3 Recommended Designs */
    .image-container.tiles-design-image-container {
        display: grid;
        gap: 9px;
        margin-top: 20px;
    }

    .img-box {
        width: 100%;
        margin-top: 0;
    }

    /* 3.6.1 Similar Mockups */
    .grid-wrap-tiles::before {
        top: 75%;
    }

    .tiles-design-image-container-first img {
        width: 149px;
    }

    .image-container.tiles-design-image-container-first {
        grid-template-columns: repeat(5, 1fr);
    }

    .img-box-450-last {
        display: none;
    }

    /* 3.6.3 model button preview */
    .img-overlay-360-preview img {
        width: 520px;
    }

    /* 1.8 product detial page */
    .tiles-design-image-container img {
        width: 100%;
    }

    .tiles-design-image-container .img-box {
        max-width: 100%;
    }

    .tiles-design-image-container-first .img-box img {
        width: 100%;
    }

    /* home page side nav  */
    .filter-section h6 {
        font-weight: 500;
        font-size: 14px;
        line-height: 15px;
    }

    .count-cleare {
        font-weight: 700;
        font-size: 12px;
        line-height: 15px;
    }

    .custom-padding-left-blog-details {
        padding-left: 0 !important;
    }

    .tiles-design-image-container-blog-details {
        display: flex !important;
    }

    .tiles-design-image-container-blog-details .img-box {
        width: 150px;
    }

    .tiles-design-image-container-blog-details img {
        width: 149px;
    }

}

/* 4. 768 screen size */
@media (max-width: 768px) {
    .tiles-design-page .tiles-design-image-container .img-box {
        max-width: 100%;
        /* height: 100%; */
        /* max-height: 300px; */
    }
    .img-pri-360-overlay .image-content{
	height: 340px;
	max-width: 500px;
	width: 100%;
}
.footer ul li{
    font-size: 14px;
}
    /* 4.1 about us page */
    /* 4.1.1  About TilesFinders */
    .about-section {
        padding: 2rem 0 0 0;
    }

    .team-image-container {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .team-image-container img {
        width: 70% !important;
    }

    .team-image-container img {
        width: 90%;
    }

    /* 4.1.2 OUR MISSION */
    .mission-section {
        height: 750px;
        padding: 3rem 0 0 0;
    }

    .mission-badge {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .about-ourmission-col-4 {
        margin-left: 0;
    }

    .image-gallery {
        height: 80%;
    }

    /* 4.1.3 Solutions for Every Style & Need */
    .offers-section {
        padding: 1rem 0;
    }

    .about-section-heading {
        margin-bottom: 10px;
    }

    .section-heading {
        font-size: 1.8rem;
        margin-bottom: 2rem;
    }

    .offer-card {
        padding: 1.5rem;
    }

    /* 4.1.4 Your Trusted Partner in Quality & Innovation */
    .why-choose-about-col-6 {
        text-align: center;
    }

    .why-choose-blue-accent {
        width: 227px !important;
        left: -2%;
        top: 59%;
    }

    /* 4.1.5 What Our Happy Customers Say! */
    .testimonials-section {
        margin: 15px;
    }

    .testimonials-section {
        padding: 30px 20px 20px 20px;
    }

    .testimonials-small-header {
        margin-bottom: 10px;
    }

    .testimonial-heading {
        margin-bottom: 10px;
        font-size: 35px;
    }

    .testimonial-text {
        font-size: 20px;
    }

    .testimonial-card {
        padding: 20px;
    }

    .slider-container {
        height: auto;
    }

    /* 4.1.6 Strong Connections, Stronger Results */
    .partners-heading {
        font-size: 28px;
    }

    /* 4.1.7 Let's Build Success Together! */
    .partner-cta-connect-image img {
        width: 143%;
    }

    .partner-cta-connect-image::after {
        left: 93%;
    }

    /* 4.2 contact page */
    /* 4.2.1 contact form */
    .contact-page-section {
        height: auto;
    }

    .contact-container {
        width: 88%;
        margin-top: 17%;
    }

    /* .contact-container::before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, #ffffffdb, #ffffff00);
        opacity: 0.7;
        z-index: 2;
        top: 84%;
    } */

    .pb-md-0 {
        padding-bottom: 0;
    }

    .mb-md-0 {
        margin-bottom: 0;
    }

    .pt-md-1 {
        padding-top: 1.5rem;
    }

    .p-md-3 {
        padding: 3rem !important;
    }

    /* 4.3 blog */
    /* 4.3.1 hero section search */
    .blog-search-container {
        margin-top: 5%;
    }

    .blog-search-container {
        max-width: 420px;
    }

    /* 4.5 blog details page */
    .image-container.tiles-design-image-container {
        grid-template-columns: repeat(2, 1fr);
    }

    /* 4.6 tiles design  page */
    .grid-wrap-tiles::before {
        top: 178%;
    }

    /* 4.6.3 image typs  */
    .image-container.tiles-design-image-container {
        grid-template-columns: repeat(5, 1fr);
    }

    .tiles-design-image-container-first img {
        width: 130px;
    }

    .tiles-design-overlay-text {
        font-size: 12px;
    }

    .img-box-450-last {
        display: none;
    }

    /* 4.6.4  Similar Mockups*/
    .grid li {
        width: 25%;
    }
    .grid-wrap-tiles::before {
        top: 131%;
        right: 8%;
        width: 86%;
    }

    /* 4.8 product detial page */
    /* 4.8.1 similar mockup */
    .p-md-1 {
        padding: 1rem 1rem 4rem 1rem !important;
    }

    .overlay-text {
        font-size: 10px;
        padding: 2px;
    }

    .product-title {
        font-size: 22px;
    }

    .tiles-design-image-container-first .img-box img {
        width: 100%;
    }

    .image-container.tiles-design-image-container-blog-details {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
    }

    .tiles-design-image-container-blog-details .img-box {
        width: 159px;
        height: 165px;
    }

    .tiles-design-image-container-blog-details img {
        width: 159px;
    }

    .blogdetails-col-4-blog-content {
        padding: 20px 16px 20px 16px;
    }

    /* .blogdetails-col-4-read-more {
        width: 70%;
    } */

    .who-we-are-about-section-row {
        flex-direction: column-reverse;
    }

    .blue-accent {
        width: 227px !important;
        bottom: -6%;
        left: 80px;
    }

    .why-choose-blue-accent {
        left: 8%;
        top: 62%;
    }

    .choose-badge {
        margin-top: 35px;
    }
    .img-overlay-360-preview img {
        width: 520px;
        height: 345px;
    }
}

/* 5. 425 screen size */
@media (max-width: 428px) {
   
.custom-padding-top-right{
    padding: 16px;
}
    /* 5.1 about us page */
    .team-image-container img {
        width: 85%;
    }

    .about-text {
        margin-bottom: 10px;
    }

    .blue-accent {
        left: 1%;
        top: 48%;
    }

    /* 5.1.3 Excellence in Every Detail */
    .image-gallery {
        height: 97%;
    }

    .image-gallery::before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 20%;
        background: linear-gradient(to bottom, #0F1833, #0F183300);
        opacity: 0.7;
        z-index: 2;
    }

    .gallery-image {
        position: relative;
        z-index: 1;
        border-radius: 12px;
        transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    }


    .gallery-image:hover {
        transform: scale(1.05);
        box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.6);
    }

    .about-ourmission-col-7 {
        padding-left: 1rem;
    }

    .mission-heading {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .mission-text {
        font-size: 16px;
    }

    .mission-section {
        height: 630px;
    }

    /* 5.1.4 Solutions for Every Style & Need */
    .about-section-heading {
        font-size: 37px;
        margin-bottom: 0;
    }

    .offer-title {
        font-size: 22px;
    }

    .offer-description {
        font-size: 16px;
    }

    /* 5.1.5 Your Trusted Partner in Quality & Innovation*/
    .why-choose-section {
        padding: 2rem 0;
    }

    .section-heading {
        font-size: 30px;
    }

    .section-heading {
        margin-bottom: 1.5rem;
    }
  
    /* 5.1.6 What Our Happy Customers Say! */
    .testimonial-heading {
        font-size: 30px;
        line-height: 44px;
    }

    .about-section {
        padding: 5px 0 0 0;
    }

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

    .slider-container {
        height: 350px;
    }

    .testimonials-section {
        margin: 23px;
        padding: 40px 20px 40px 20px;
    }

    .what-we-offer {
        margin-top: 5px;
    }

    .testimonials-section {
        margin-right: 0;
        margin-left: 0;
        border-radius: 0;
    }

    .testimonials-section {
        height: 650px;
    }

    .partners-section {
        padding: 5px;
        margin: 1px;
    }

    .partners-heading {
        line-height: 43px;
    }

    /* 5.1.7 Let's Build Success Together! */
    .partner-cta-connect-image img {
        width: 100%;
    } 
    .partner-cta-connect-image::before {
        display: none;
    }
    .-decoration  .col-md-5{
        padding: 0;
    }

    .partner-cta-connect-image::after {
        display: none;
    } 

    .partner-cta {
        margin: 15px;
        margin-bottom: 50px;
        margin-top: 50px;
    }

    /* 5.2 contact us page */
    /* 5.2.1 contact box befor shadow */
    /* .contact-container::before {
        top: 87%;
    } */

    .contact-container {
        width: 100%;
        border-radius: 0;
    }

    /* .contact-container::before {
        height: 50%;
    } */

    .p-md-3 {
        padding: 0 1rem 1rem 1rem !important;
    }

    .pb-md-0 {
        padding: 2rem 1rem 0 1rem !important;
    }

    /* 5.3 blog */
    /* 5.3.1 hero section search */
    .blog-search-container {
        margin-top: 8%;
    }

    .blog-search-container {
        max-width: 392px;
    }

    .ps-0 {
        padding: 0 12px !important;
    }

    /* 5.4 footer */
    /* 5.4.1 second footer  */
    .second-footer p {
        font-size: 12px;
    }

    .menu-footer-a {
        text-align: center !important;
    }

    .footer h5 {
        text-align: left;
    }

    .footer ul {
        text-align: left;
    }

    .footer .logo {
        text-align: center;
    }

    .footer .follo-link-footer {
        text-align: center !important;
    }
.navbar.mobile-nav .container-fluid {
    display: flex;
    justify-content: space-between; /* Pushes toggler to left, leaves space for logo */
    align-items: center; /* Vertically centers items */
    position: relative; /* Needed for absolute positioning of logo */
}

.navbar-brand {
    position: absolute; /* Take logo out of normal flow */
    left: 50%; /* Position its left edge at the horizontal center */
    transform: translateX(-50%);
    margin: 0; 
}

.navbar-toggler {
    z-index: 1;
    width: 40px;
    height: 40px;
}

    /* 5.5 blog details page */
    /* 5.5.1 Recommended Designs */
    .image-container.tiles-design-image-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .img-box img {
        width: 184px;
        height: auto;
    }

    .ps-sm-1 {
        padding-left: 5px !important;
    }

    .img-box-last {
        display: none;
    }

    .mt-sm-1 {
        margin-top: 10px !important;
    }

    .Blog-Card-4 {
        display: block;
    }

    .Blog-Card-5 {
        display: block;
    }

    .custom-width-small-screen-col-3 {
        width: 40% !important;
    }

    .custom-width-small-screen-col-9 {
        width: 60% !important;
    }

    /* 5.5.2 More Blogs */
     .blogdetails-col-4-blog-content {
        padding: 15px;
    }

    /* .blogdetails-col-4-read-more {
        width: 85%;
    } */

    .blogdetails-col-4-section {
        margin-top: 10px;
    }
    .grid-gallery-custom-padding{
        padding: 0 !important;
    }
    .p-sm-0 {
        padding: 0;
    }

    /* 5.6 tiles design  page */
    /* 5.6.1 Similar Mockups */

    .about-ourmission-col-4-small {
        display: block;
    }

    /* 5.6.2 images typ */
    .img-box-450-last {
        display: block;
    }

    .grid-gallery-second {
        display: none;
    }
    .grid-gallery {

  padding: 0; /* or remove padding */

}
    .tiles-design-image-container-first img {
        width: 189px;
    }

    /* 5.6.3 Similar Mockups */
    .image-gallery-first::before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 40%;
        background: linear-gradient(to bottom, #FFFFFF00, #FFFFFF);
        opacity: 0.7;
        z-index: 2;
        top: 322%;
    }

    .blog-card {
        margin-top: 10px;
    }
    .custom-padding-left-blog-details{
        padding: 0 !important;
        padding-right: 0 !important;
    }
    /* 5.8 product detial page */
    /* 5.8.1 OHG Kitchen Niche Fruit Walnut HL */
    .btn-inquiry {
        width: 67% !important; 
    }
    .MakeanInquiry{
        display: flex !important;
        justify-content: center !important;
    }
    .img-box-blogdetails{
        height: 167px;
    }

    .d-md-none {
        display: none;
    }

    .main-image {
        margin: 0;
        height: 310px;
        width: 100%;
    }

    .who-we-are-about-section-row {
        margin-top: 4rem;
    }

    /* 5.8.2 Similar Mockups */
    .tiles-design-image-container .img-box {
        height: 300px;
    }

    .why-choose-about-col-6 {
        margin-top: 3rem;
        text-align: left;
    }

    .tiles-design-page .tiles-design-image-container {
        gap: 15px;
    }

    .tiles-design-image-container-first img {
        width: 100%;
    }

    .d-sm-block {
        display: block !important;
    }

    /* 5.6.3 model popup */
    .modal-content {
        width: 300px;
    }

    .grid figure {
        padding: 4px 4px 0 4px !important;
    }
    .custom-around-padding-small{
        padding: 0px;
    }
    .why-choose-about-col-6 {
        padding: 0 14px;
    }

    .team-image-container img {
        width: 100% !important;
    }

    .why-choose-blue-accent {
        left: -4%;
        top: 46%;
    }

    .why-choose-section {
        padding: 0 !important;
    }

    .team-image-container-second {
        height: auto;
    }

    .who-we-are-col-6 {
        padding: 0 15px;
    }

    .team-image-container {
        height: auto;
    }

    .tiles-design-image-container .img-box {
        height: 185px;
        max-width: 154px;
    }

    .img-box img {
        width: 159px;
    }

    .ps-sm-0 {
        padding: 0 !important;
    }

    .blog-details-img img {
        height: auto;
    }

    .custom-d {
        display: block !important;
    }

    .tiles-design-image-container-first .img-box {
        max-width: 192px;
    }

    .tiles-design-image-container-first .img-box img {
        width: 100%;
    }

    .tiles-design-image-container-first .overlay {
        height: 100%;
    }

    .Mockup-text-content h2 {
        margin-top: 15px;
    }

    .Mockup-text-content {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .image-gallery-first::before {
        top: 496%;
    }

    .blogs-header {
        margin-bottom: 10px !important;
    }

    .py-sm-1 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .custom-padding-left-right-blog {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .product-container {
        border: none;
        border-radius: 0;
    }

    .main-image-container {
        padding: 15px;
    }
    .main-image:hover {
    transform: none;
}
    .thumbnail {
        width: 66px;
        height: 66px;
        border-radius: 12px
    }

    .product-title {
        text-align: start;
        font-size: 28px;
    }

    .Similar-Mockups h2 {
        margin-top: 0;
    }
    .product-title{
        margin-top: 0 !important;
    }
    .custompadding-border {
    padding: 30px;
}
    .Similar-Mockups .tiles-design-image-container .img-box{
        height: 130px;
    }
    .custom-text-align-product {
        text-align: center !important;
    }

    .tiles-design-image-container-blog-details .img-box {
        height: 186px;
        max-width: 188px;
    }

    .tiles-design-image-container-blog-details img {
        width: 181px;
    }
/* 
    .contact-container::before {
        top: 128%;
        height: 20%;
    } */

    .logo-grid .two {
        border-right: 0;
    }

    .logo-grid .three {
        border-right: 1px solid var(--ligh-gray);
    }

    .logo-grid .four {
        border-right: 0;
    }

    .logo-grid .seven {
        border-bottom: 1px solid var(--ligh-gray);
    }

    .logo-grid .eight {
        border-right: 0;
        border-bottom: 1px solid var(--ligh-gray);
    }

    .logo-grid .nine {
        border-right: 1px solid var(--ligh-gray);
    }

    /* .contact-container::before {
        display: none;
    } */

    .contect-margin-bottom-small {
        margin-bottom: 0 !important;
    }

    .custom-padding-top-right {
        padding-top: 0;
    }
    .blog-start-spaceing{
            padding-top: 0 !important;
            margin-top: 2.5rem !important;
    }
    .custom-phone-right-left-padding{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .blog-main-title {
        font-weight: 700;
        font-size: 48px;
        line-height: 64px;
        letter-spacing: 0px;
        text-align: center;
    }
    .img-overlay-360-preview img {
        width: 511px;
        height: 342px;
    }
     .more-blogs-col{
        padding: 0 !important;
    }
    .contact-container{
        margin-top: 40%;
    }
}

/* 6. 375 screen size */
@media (max-width: 380px) {
    .custompadding-border {
        padding: 10px;
    }
 
.grid figure {
        padding: 4px 4px 0 4px !important;
    }
    /* 6.1 about us page */
    /* 6.1.1 About TilesFinders */
    .about-heading {
        font-size: 35px;
        margin-bottom: 15px;
    }

    .team-image-container img {
        margin-top: 5px;
    }

    /* 6.1.2 Excellence in Every Detail */
    .mission-heading {
        line-height: 42px;
    }

    /* 6.1.3 Solutions for Every Style & Need */
    .about-section-heading {
        font-size: 32px;
        line-height: 42px;
    }

    .feature-item {
        margin-bottom: 10px;
    }

    /* 6.1.4 TestimonialsS */
    .testimonial-text {
        font-size: 16px;
    }

    .stars {
        margin-bottom: 10px;
    }

    .testimonials-section {
        height: 661px;
    }

    /* 6.1.5 Strong Connections, Stronger Results */
    .logo-item {
        padding: 10px;
    }

    /* 6.1.6 HOW TO CONNECT AS A PARTNER */
    .choose-badge {
        font-size: 12px;
        margin-top: 40px;
    }

    .partner-cta-heading {
        font-size: 30px;
        line-height: 40px;
    }

    /* 6.3 blog */
    /* 6.3.1 hero section search */
    .blog-search-container {
        /* margin-left: 5% !important; */
        margin-top: 8%;
    }

    .py-sm-1 {
        padding-top: 2rem !important;
    }

    /* 6.5 blog details page */
    /* 6.5.1 More Blogs */
    .blogdetails-col-4-blog-content {
        padding: 11px;
    }
/* 
    .blogdetails-col-4-read-more {
        width: 79%;
    } */

    /* 6.6 tiles design  page */
    /* 6.6.1 types images */
    .img-box-450-last {
        display: block;
    }

    .about-ourmission-col-4-small {
        display: block;
    }

    .grid-gallery-second {
        display: none;
    }

    /* 6.6.2 Similar Mockups */
    .py-sm-1 {
        padding: 0 1px;
    }

    .ps-0 {
        padding: 0 5px !important;
    }

    /* 5.8 product detial page */
    /* 5.8.1 OHG Kitchen Niche Fruit Walnut HL */
    .thumbnail {
        width: 56px;
        height: 56px;
    }

    /* 5.9 home page style */
    /* 5.9.1 home page gallary img */
    .image-container {
        width: 50% !important;
        padding: 2px;
    }

    .overlay-text {
        padding: 0 !important;
        font-size: 12px !important;
    }

    .tiles-design-image-container-first .img-box {
        max-width: 165px;
    }

    .tiles-design-image-container-first .img-box img {
        width: 100%;
    }

    .tiles-design-image-container-first .overlay {
        height: 100%;
    }

    .tiles-design-image-container-blog-details .img-box {
        height: 173px;
        max-width: 163px;
    }

    .tiles-design-image-container-blog-details img {
        width: 161px;
    }
}

/* 7. 320 screen size */
@media (max-width: 320px) {
    .grid figure {
        padding: 4px 4px 0 4px !important;
    }
    .custom-around-padding-small{
        padding: 0px;
    }
    /* .img-container{
    width: 136px !important;
} */
        .thumbnail{
        width: 45px;
        height: 45px;
    }

    /* 7.1 about us page */
    /* 7.1.1 About TilesFinders */
    .who-we-are-about-section-row {
        flex-direction: column-reverse;
    }

    .who-we-are-badge {
        margin-top: 30px;
        margin-bottom: 15px;
    }

    .about-heading {
        font-size: 32px;
    }

    .about-heading {
        margin-bottom: 10px;
    }

    .team-image-container img {
        width: 96%;
    }

    /* 7.1.2 Excellence in Every Detail */
    .mission-heading {
        font-size: 28px;
        line-height: 38px;
    }

    /* 7.1.3 Testimonials */
    .testimonial-slide {
        width: 100%;
    }

    .testimonial-card {
        padding: 15px;
    }

    .testimonial-slide {
        padding: 20px;
    }

    .testimonials-section {
        margin: 0;
        border-radius: 0;
    }

    /* 7.1.4 Solutions for Every Style & Need */
    .offer-title {
        font-size: 20px;
    }

    .blue-accent {
        left: -3%;
        top: 43%;
        width: 150px !important;
    }

    .why-choose-blue-accent {
        width: 150px !important;
        left: -11%;
        top: 51%;
    }

    /* 7.1.5 Your Trusted Partner in Quality & Innovation */
    .section-heading {
        font-size: 26px;
    }

    /* 7.1.6 Strong Connections, Stronger Results  */
    .logo-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .logo-grid {
        background-color: transparent;
    }

    .logo-grid .two {
        border-right: 1px;
    }

    .logo-grid .three {
        border-right: 1px solid #DFDFE8;
    }

    .logo-grid .four {
        border-right: 0px;
    }

    .logo-grid .eight {
        border-right: 1px;
        border-bottom: 1px solid #DFDFE8;
    }

    .logo-grid .nine {
        border-top: 1px solid #DFDFE8;
        border-right: 1px solid #DFDFE8;
    }

    /* 7.1.7 Let's Build Success Together! */
    .partner-cta-content-wrapper {
        padding: 0;
        margin-bottom: 10px;
    }

    /* .partner-cta-connect-image::after {
        left: 71%;
    }

    .partner-cta-connect-image::before {
        left: -19%;
    } */

    .choose-badge {
        margin-top: 25px;
        font-size: 10px;
    }

    /* 7.3 blog */
    /* 7.3.1 hero section search */
    .blog-search-container {
        margin-top: 10%;
    }

    .blog-search-container {
        max-width: 242px;
    }

    /* 7.5 blog details page */
    /* 7.5.1 More Blogs */
    /* .blogdetails-col-4-blog-content {
        padding: 19px 4px 11px 67px;
    } */

    /* .blogdetails-col-4-read-more {
        width: 100%;
    } */

    .blogdetails-col-4-blog-card img {
        width: 112px;
    }

    /* .blogdetails-col-4-blog-content {
        padding: 11px 4px 1px 38px;
    } */

    .img-box img {
        width: 126px;
        height: auto;
    }

    /* 7.6 tiles design  page */
    /* 7.6.1 types images */
    .img-box-450-last {
        display: block;
    }

    .about-ourmission-col-4-small {
        display: block;
    }

    .grid-gallery-second {
        display: none;
    }

    /* 7.6.2 Similar Mockups */
    .image-gallery-first::before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 40%;
        background: linear-gradient(to bottom, #FFFFFF00, #FFFFFF);
        opacity: 0.7;
        z-index: 2;
        top: 287%;
    }


    /* 5.8 product detial page */
    /* 5.8.1 OHG Kitchen Niche Fruit Walnut HL */
    .btn-inquiry {
        width: 60%;
    }

    .d-md-none {
        display: none;
    }

    .main-image {
        margin: 0;
        height: 310px;
        width: 100%;
    }

    /* 5.8.2 Similar Mockups */
    .tiles-design-image-container .img-box {
        max-width: 127px;
        height: 140px;
    }

    .img-box img {
        width: 131px;
    }

    .tiles-design-overlay-text {
        font-size: 10px;
    }

    .text-sm-start {
        text-align: start;
    }

    .mt-sm-0 {
        margin-top: 0;
    }

    .tiles-design-image-container-first .img-box img {
        width: 100%;
    }

    .tiles-design-image-container .img-box {
        height: 132px;
    }
/* 
    .contact-container::before {
        top: 132%;
    } */
}


@media (max-width: 1440px) {
    .filter-home-col-10 {
        width: 82%;
    }

    .filter-home-col-2 {
        width: 18%;
    }
}

/* After screen size 1024px */
@media (max-width: 1030px) {
    .image-container {
        width: 209px !important;
    }

    .filter-home-col-2 {
        width: 20%;
    }

    .filter-home-col-10 {
        width: 80%;
    }
}

@media (max-width: 768px) {
    /* .filter-home-col-2 {
        display: none;
    } */

    .image-container {
        width: 186px !important;
    }

    .filter-home-col-10 {
        width: var(--full-width);
    }
}

@media (max-width: 430px) {
    .image-container {
        width: 200px !important;
    }

    .overlay-text {
        padding: 0 !important;
    }

}

@media (max-width: 380px) {
    .image-container {
        width: 175px !important;
    }

    .overlay-text {
        padding: 0 !important;
    }
}

@media (max-width: 430px) {
    .footer .logo {
        margin-bottom: 15px;
    }

    .follo-link-footer {
        margin-bottom: 20px;
    }

    .menu-footer-a {
        margin-bottom: 15px;
    }

    .footer {
        padding: 20px 0 0 0;
    }
    .blog-header::before {
    background-repeat: no-repeat;
    background-position: top;
    background-size: 216%;
   }
}

@media (max-width: 768px) {
    .footer .row {
        text-align: center;
    }

    .social-icons {
        margin-top: 15px;
    }
}

@media (max-width: 767.98px) {
    .thumbnail-container {
        flex-direction: row;
        padding: 15px;
        justify-content: center;
        flex-wrap: wrap;
    }

    .main-image-container {
        order: -1;
    }

    .product-title {
        text-align: center;
        margin-top: 15px;
    }

    .btn-inquiry {
        width: var(--full-width);
        justify-content: center;
    }
}

@media (max-width: 1200px) {
    .productdetails-page .tiles-design-image-container {
        grid-template-columns: repeat(5, 1fr) !important;
    }
}

@media (max-width: 1024px) {
    .productdetails-page .tiles-design-image-container {
        grid-template-columns: repeat(5, 1fr) !important;
    }
}

@media (max-width: 576px) {
    .productdetails-page .tiles-design-image-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 425px) {
    .productdetails-page .tiles-design-image-container {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .Similar-Mockups .tiles-design-image-container .img-box {
        height: 100%;
        max-height: 200px !important;
    }
   
}

@media (max-width: 968px) {

    .partner-cta-content-wrapper {
        max-width: var(--full-width);
    }
}

@media (max-width: 768px) {
    .partner-cta-partner-cta {
        padding: 40px 20px;
    }

    .partner-cta-heading {
        font-size: 32px;
    }

    .partner-cta-description {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}
/* 
@media (max-width: 768px) {
   .blog-search-input {
        padding: 12px 15px 12px 45px;
    }
} */

@media (max-width: 768px) {
    .testimonials-section {
        padding: 30px 15px;
        margin: 15px;
    }

    .testimonial-heading {
        font-size: 28px;
        line-height: 36px;
    }

    .slider-container {
        height: 350px;
    }

    .testimonial-slide {
        width: 90%;
    }

    .testimonial-card {
        padding: 25px 20px;
    }

    .testimonial-text {
        font-size: 16px;
        line-height: 24px;
    }

    .nav-arrow {
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .contact-section {
        padding: 40px 0;
    }

    .contact-page-title {
        font-size: 32px;
    }
}

@media (max-width: 1200px) {
    .tiles-design-page .tiles-design-image-container {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1024px) {
    .tiles-design-page .tiles-design-image-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .tiles-design-page .tiles-design-image-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .tiles-design-page .tiles-design-image-container {
        grid-template-columns: repeat(2, 1fr);
    }
.custom-width-height-model{
    width: 300px; 
    height: 400px;
}
.custome-padding-remove{
    padding: 0 !important;
}
.modal-header {
    width: 40px;
    height: 40px;
}
.tiles-design-360preview-header {
    top: -5% !important;
    right: -2% !important;
    position: absolute;
}
}
/* @media (max-width: 994px) {
    .min-screen-991-display-none {
        display: none !important;
    }
} */

@media (max-width: 770px) {
    .min-screen-991-display-none {
        display: none !important;
    }

    .mobile-nav {
        padding: 1rem;
        background: white;
        position: relative;
    }

    .search-container {
        background: #F4F3F8;
        border-radius: 25px;
        padding: 12px 15px;
        display: flex;
        align-items: center;
        margin: 0 0 12px 0;
        position: relative;
        width: 100%;
        max-width: 100%;
    }

    .navbar-nav {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .filter-home-col-10 {
        width: 100%;
    }
}

/* @media (max-width: 992px) {
    .grid-gallery .grid li {
        width: calc(50% - 10px);
    }
} */

@media (max-width: 600px) {
    /* .grid-gallery .grid li {
        width: calc(50% - 16px);
    } */
    .custom-padding{
        padding-left: 21px !important;
    }
}

.filter-section h6{
    margin-right: 15px;
}
.Filter-custom-space {
    padding: 15px 15px 0 15px;
}
        /* Hide mobile sidebar (if exists) */
.filter-menu-mobile {
  display: none !important;
}

/* Make desktop sidebar act as slide-in on mobile */
@media (max-width: 991px) {
  .filter-home-col-2 {
    transform: translateX(100%);
    transition: transform 0.3s ease;
    position: fixed;
    top: 0px;
    right: -12px;
    width: 80%;
    height: 100%;
    background: #fff;
    z-index: 1050;
    box-shadow: -2px 0 10px rgba(0,0,0,0.2);
    overflow-y: scroll;
  }

  .filter-home-col-2.active {
    transform: translateX(0);
  }

  .filter-toggle {
    position: fixed;
    top: 15px;
    left: 15px;
    z-index: 1100;
    background: #007bff;
    color: white;
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
  }

  .filter-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    background: none;
    border: none;
    color: #000;
  }
}

/* On desktop: show sidebar always */
@media (min-width: 992px) {
  .filter-home-col-2 {
    padding: 0 !important;
    transform: none !important;
    position: static !important;
    background: none !important;
    box-shadow: none !important;
  }

  .filter-toggle {
    display: none !important;
  }
}

@media (max-width: 767.98px) {

    .Similar-Mockups .row.g-3 > .col-6:nth-child(even) {
        padding-left: var(--bs-gutter-x, 0.75rem) !important;
        padding-right: 0 !important;
    }

   .Similar-Mockups .row.g-3 > .col-6:nth-child(odd) {
        padding-left: 0 !important;
        padding-right: var(--bs-gutter-x, 0.75rem) !important; 
    }

    .Similar-Mockups .row.g-3 {
        --bs-gutter-x: 0.75rem; 
    }
}


/* Small devices: 2 per row */
@media (max-width: 600px) {
    .grid-gallery .grid li {
        width: 50%;
    }
}

/* Extra small devices: 1 per row */
@media (max-width: 400px) {
    .grid-gallery .grid li {
        width: 50%;
    }
}