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

    header.ur-header .menu-area {
        padding: 20px;
    }

    .product-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .about-img2 {
        margin-top: -120px;
    }

    .about-img2 img {
        max-width: 300px;
    }

    .about-img1 img {
        max-width: 300px;
    }

    .product-box {
        padding: 20px;
    }

    .blog-grid {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }

}


/* Tablet View */
@media screen and (max-width: 992px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 860px;
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    .blog-grid {
        grid-template-columns: 1fr 1fr;
        gap: 50px;
    }

    .newsletter-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    h3 {
        font-size: 35px;
        line-height: 40px;
    }

    .contact-detail-box {
        gap: 0px;
    }

    .contact-detail-box .icon svg {
        width: 50px;
        height: 50px;
    }

    .contact-detail p {
        font-size: 14px;
    }

    .Vertical-Divider {
        margin: 5.5px 25.8px 2.5px 20.8px;
    }

    .product-grid {
        grid-template-columns: 1fr 1fr;
        gap: 50px;
    }

    header.ur-header .menu-area {
        position: relative;
        padding: 20px 0;
    }



}


/* Mobile View */
@media screen and (max-width: 576px) {

    footer.tf-footer-area {
        padding: 60px 0px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
    }

    .blog-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .newsletter-grid {
        grid-template-columns: 1fr;
        max-width: 100%;
        gap: 60px;
    }

    .newsletter-wrapper {
        flex-direction: column;
    }

    .newsletter-content {
        margin-left: 0;
    }

    .newsletter-box {
        padding: 20px;
        padding-bottom: 30px;
    }

    .newsletter-img {
        margin-bottom: 20px;
    }

    .newsletter-img-width {
        margin-bottom: 20px;
    }

    .contact-detail p {
        font-size: 15px;
    }

    .contact-detail {
        margin-left: 10px;
    }

    .contact-detail-box .icon svg {
        width: 50px;
        height: 50px;
    }

    .contact-detail-box {
        gap: 0px;
    }

    .product-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .services-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .project-grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .location-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        gap: 20px;
        column-gap: 0;
    }

    .loc-card {
        height: 260px;
    }

    header.ur-header .menu-area {
        position: relative;
        padding: 20px 0;
    }

    .banner-content h2 {
        font-size: 20px;
    }

    section.banner-area {
        background-position: center;
        height: 400px;
    }

    .about-content h3 {
        font-size: 25px;
        line-height: 40px;
    }

    h3 {
        font-size: 25px;
        line-height: 40px;
    }

    .about-content {
        margin-bottom: 50px;
    }

    .about-imgs {
        margin-left: 0;
    }

    .about-img1 img {
        max-width: 300px;
    }

    .about-img2 img {
        max-width: 300px;
    }

    .about-img2 {
        margin-top: -100px;
    }

    .services-content h3 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .contact-form {
        padding: 20px;
    }

    .testimonials-grid {
        margin-top: 60px;
    }

    .slick-prev {
        top: -50px !important;
    }

    .slick-next {
        top: -50px !important;
    }

    ul.footer-info li span.icon svg {
        width: 35px;
        height: 35px;
    }

    .copyright-footer {
        flex-direction: column;
    }

    .copyright-footer .content p {
        text-align: center;
        margin-bottom: 10px;
    }


    .property-imgs-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .my-details-listing-attributes-grid-list {
        grid-template-columns: repeat(1, 1fr);
    }

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

    .property-box-5 img {
        width: 100%;
    }

    .inner-banner .inner h1 {
        font-size: 35px;
        margin-bottom: 20px;
    }

    .header-logo a img {
        max-width: 200px;
    }

    .show-all-btn button {
        height: 75px;
        flex-direction: column;
    }

    .layout-prev,
    .layout-next {
        color: var(--black);
    }

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


}