@media only screen and (min-width: 1500px) {}

@media only screen and (max-width: 1300px) {
    .mega-menu {
        left: -245%;
    }
    .ftr-wrap {
        flex-wrap: wrap;
        justify-content: start;
    }
    .component-4-page {
        gap: 120px;
    }
    .bgb-grid-wrap {
        gap: 20px;
    }
    .bgb-grid-wrap .bgb-box {
        gap: 50px;
    }
    .bgb-grid-wrap .bgb-box h5 {
        font-size: 24px;
    }
    .bgb-grid-wrap .bgb-box p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1200px) {
    .container {
        padding: 0 40px;
    }
    .container-left {
        padding-left: 40px;
    }
    .container-fluid {
        padding: 40px;
    }
    .header-top {
        flex-direction: row-reverse;
    }
    .header-wrap {
        padding: 30px 0;
    }
    .header-search a p {
        display: none;
    }
    .header-bottom ul li a {
        gap: 6px;
    }
    .mobile {
        display: block !important;
    }
    .desktop {
        display: none !important;
    }
    .header-wrap ul li a svg {
        display: block;
    }
    .hamburger-icon {
        width: 20px;
        display: flex;
        flex-direction: column;
        gap: 4.5px;
        cursor: pointer;
    }
    .hamburger-icon span {
        display: inline-block;
        width: 100%;
        height: 2px;
        background-color: #fff;
        border-radius: 10px;
        transition: all .3s ease;
    }
    .hamburger-icon.active span:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }
    .hamburger-icon.active span:nth-child(2) {
        opacity: 0;
    }
    .hamburger-icon.active span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }
    .black-header .header-wrap ul li a svg path {
        stroke: #fff;
    }
    .header-bottom {
        margin-top: 0;
        position: absolute;
        z-index: 10;
        padding-left: 50px;
        padding-bottom: 72px;
        padding-top: 52px;
        background: var(--bg-blue);
        top: calc(100% + 1px);
        left: 0;
        width: 80%;
        transform: translateX(-100%);
        transition: all .5s ease;
        height: calc(100dvh - 62px);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 40px;
        overflow: hidden;
        overflow-y: scroll;
    }
    .header-bottom.active {
        transform: translateX(0%);
    }
    .header-bottom ul {
        align-items: start;
        flex-direction: column;
        gap: 40px;
    }
    .header-bottom>ul>li>a {
        display: flex;
    }
    .header-bottom>ul>li {
        position: static;
    }
    .nav-drop-right,
    .nav-drop-sep {
        display: none;
    }
    .nav-drop {
        background-color: var(--bg-blue);
        width: 100%;
        min-height: 100vh;
        inset: 0;
        clip-path: inset(0 0 0 0);
        flex-direction: column;
        justify-content: start;
        transform: translateX(-200%);
        gap: 20px;
    }
    .nav-drop.show {
        clip-path: inset(0);
        transform: translateX(0%);
    }
    .header-bottom>ul>li .nav-drop {
        padding-left: 50px;
    }
    .header-bottom>ul>li:hover .nav-drop {
        clip-path: inset(0 0 0 0);
        padding: 0;
        padding-left: 50px;
    }
    .nav-drop-left ul li a {
        color: #fff;
    }
    .nav-drop-bread {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        letter-spacing: 2px;
        color: #7A7A7A;
        text-transform: uppercase;
        background-color: #fff;
        padding: 12px 75px;
        gap: 4px;
        margin-left: -80px;
        width: 200%;
        cursor: pointer;
    }
    .nav-drop-bread img {
        height: auto;
        width: auto;
        object-fit: contain;
    }
    .mega-menu {
        padding-bottom: 140px;
    }
    .header-bottom>ul>li .nav-drop {
        padding-left: 20px;
    }
    .header-bottom>ul>li:hover .nav-drop {
        padding-bottom: 140px;
    }
    .mega-menu .nav-drop-left {
        justify-content: space-between;
        flex-wrap: wrap;
        overflow: hidden;
        overflow-y: auto;
    }
    .nav-drop-left-list {
        width: 45%;
    }
    .nav-drop-left-list ul {
        gap: 15px;
    }
    .mega-menu ul li a::after {
        background-color: #fff;
    }
    .mega-menu .nav-drop-left {
        gap: 40px;
    }
    .nav-drop-left-list:nth-child(1) ul {
        margin-top: 0;
    }
    .nav-drop-left-list:nth-child(1) {
        order: 5;
    }
    .nav-drop-left-list:nth-child(2) {
        order: 4;
    }
    .nav-drop-left-list:nth-child(3) {
        order: 3;
    }
    .nav-drop-left-list:nth-child(4) {
        order: 2;
    }
    .nav-drop-left-list:nth-child(5) {
        order: 1;
    }
    .overflow-hidden {
        overflow: unset;
    }
    .nav-drop-left>ul>li>a::after {
        background-color: #fff;
    }
    .header-bottom>ul>li:hover svg {
        transform: rotate(0deg);
    }
    .header-bottom>ul>li svg {
        transform: rotate(0deg);
    }
    .header-top-right.mobile ul {
        gap: 20px;
    }
    .fp-bg .tc-bg {
        width: calc(100% - 40px);
        height: calc(100% - 40px);
    }
    .fp-left-right-wrap .fplr-left ul li {
        font-size: 14px;
    }
    .fp-items {
        padding-bottom: 100px;
    }
    .blog-wrap {
        gap: 25px;
    }
    .footer-top,
    .footer-bottom {
        padding-left: 40px;
        padding-right: 40px;
    }
    main::before {
        width: 0;
        height: 100dvh;
    }
    main.ham-active::before {
        width: 100%;
    }
    .header-bottom>ul>li .nav-drop {
        padding-top: 0px;
    }
    .feature-product-mob {
        display: none;
    }
    .single-beds-banner {
        height: 100%;
        padding-top: 100px;
    }
    .component-4 .bottom-img {
        display: none;
    }
    .component-4.for-desktop {
        display: none;
    }
    .component_4_slider.for-mobile {
        display: block;
    }
    .component-4-page {
        padding: 0px;
        gap: 50px;
    }
    .component-4-page .text-content p {
        padding-top: 30px;
    }
    .br-tab-ticker .bx-wrapper .bx-viewport {
        height: 300px !important;
    }
    .brands-banner-in .right .brand-banner-img {
        margin-right: 40px;
        margin-left: -60%;
    }
    .bgb-grid-wrap {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .bgb-grid-wrap .bgb-box.empty-box {
        display: none;
    }
    .bgb-grid-wrap .bgb-box h5 {
        font-size: 28px;
    }
    .bgb-grid-wrap .bgb-box p {
        font-size: 16px;
    }
    .blogs-card .blogs-card-img {
        height: 360px;
    }
    .other-blogs-card-wrapper {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 40px;
    }
    .news-updates-banner .tcb-line.line1 {
        top: 125px;
        width: calc(100% - 40px);
        left: 20px;
    }
    .news-updates-banner .tcb-line.line2 {
        right: 20px;
        height: calc(100% - 175px);
        top: 125px;
    }
    .news-updates-banner .tcb-line.line3 {
        bottom: 50px;
        width: calc(100% - 40px);
        left: 20px;
    }
    .news-updates-banner .tcb-line.line4 {
        left: 20px;
        height: calc(100% - 175px);
        top: 125px;
    }
    .news-updates-banner {
        padding-top: 150px;
    }
    .contact-us-main {
        padding-top: 150px;
    }
    .how-to-choose-in .right {
        padding-right: 40px;
    }
    .how-to-choose-in {
        height: 500px;
    }
    .how-to-choose-in .container-left{
        padding-left: 20px;
    }
    .how-to-choose-in .heading{
        max-width: 40ch;
    }
    .how-to-choose-in .left p{
        max-width: 35ch;
    }
    .how-to-choose-in p {
        font-size: 14px;
    }
    .how-to-choose-in .left p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1100px) {
    p {
        font-size: 14px;
    }
    .tilr-wrap {
        gap: 40px;
    }
    .fp-left-right-wrap {
        gap: 20px;
    }
    .fp-bg {
        width: calc(100% - 135px);
    }
    .deal-wrap {
        gap: 40px;
    }
    .dl-top .heading h2 {
        font-size: 58px;
    }
    .visit-card {
        padding: 30px 25px;
    }
    .vc-wrap {
        padding: 50px 30px;
        gap: 30px;
    }
    .vc-bottom p a {
        font-size: 14px;
    }
    .tr-color-image {
        width: calc(100% - 70px);
        height: calc(100% - 70px);
    }
    .matt-details-in .tr-color-image {
        width: calc(100% - 100px);
        height: calc(100% - 100px);
    }
    .pre-footer-wrap {
        gap: 40px;
    }
    .pf-left .tr-color-image {
        width: calc(100% - 70px);
    }
    .pf-top .para p a {
        font-size: 12px;
    }
    .trust-wrap {
        gap: 20px;
    }
    .faq-section .accordion-header,
    .accord-img .accordion-header-2 {
        font-size: 22px;
    }
    .faq-section .accordion-header::after,
    .accord-img .accordion-header-2::after {
        height: 18px;
        width: 18px;
    }
    .explore-range-in .tabcontent .fplr-left .bottom p {
        font-size: 14px;
    }
    .explore-range-in .tabcontent .fplr-left ul li span,
    .explore-range-in .tabcontent .fplr-left ul li {
        font-size: 14px;
    }
    .explore-range-in .tabcontent .fplr-left p {
        font-size: 16px !important;
    }
    .explore-range-in .fplr-left-content {
        gap: 60px;
    }
    .explore-range-in .tab {
        gap: 30px;
    }
    .explore-range-in .tab button {
        font-size: 20px;
    }
    .component-4-page .text-content p {
        padding-top: 10px;
    }
}

@media (min-width: 991px) {
    .image-parallax {
        height: 120% !important;
    }
    .accord-img-bottom {
        margin-top: 60px;
    }
}

@media only screen and (max-width: 991px) {
    .res-mobile {
        display: block !important;
    }
    .res-desktop {
        display: none;
    }
    .beds-for .left {
        display: none;
    }
    .beds-for .right {
        width: 100%;
    }
    .faq-section .accordion {
        margin-top: 20px;
    }
    .accord-img .accordion-2 {
        margin-top: 20px;
    }
    .container-fluid,
    .container,
    .container-left {
        padding: 0 20px;
    }
    .image-parallax {
        height: 100% !important;
    }
    .spacer {
        height: 80px;
    }
    .header-bottom {
        padding-left: 20px;
    }
    .nav-drop-bread {
        padding: 12px 15px;
        margin-left: -20px;
    }
    .nav-drop {
        padding-left: 20px;
    }
    .header-bottom>ul>li:hover .nav-drop {
        padding-left: 20px;
    }
    .header-bottom>ul>li>a::after {
        display: none;
    }
    .tilr-wrap {
        flex-direction: column;
    }
    .tilr-right,
    .tilr-left {
        width: 100%;
    }
    .tilr-right-image {
        margin: 0;
        margin-left: auto;
        transform: unset;
    }
    .tilr-content {
        max-width: 100%;
    }
    .tilr-right {
        flex-direction: column-reverse;
        gap: 30px;
    }
    .tilr-left-image {
        margin-top: 40px;
    }
    .tilr-left-image {
        aspect-ratio: 3/2;
    }
    .tilr-content {
        gap: 10px;
    }
    .fp-bg .tc-bg {
        width: calc(100% - 20px);
        height: calc(100% - 20px);
    }
    .fp-items {
        padding-bottom: 70px;
    }
    .fpc-wrap h3 {
        font-size: 22px;
    }
    .owl-btn-wrap {
        position: static;
        justify-content: center;
        margin-top: 20px;
        gap: 20px;
    }
    .prev-btn.disabled,
    .next-btn.disabled {
        opacity: .3;
    }
    .owl-btn-wrap .arrow-btn {
        position: static !important;
        margin: 0 !important;
    }
    .category-card-bottom p,
    .category-card-bottom ul li {
        font-size: 14px;
    }
    .deal-wrap {
        flex-direction: column;
    }
    .deal-left,
    .deal-right {
        width: 100%;
    }
    .dlb-right {
        max-width: 100%;
    }
    .dl-bottom {
        margin-top: 50px;
    }
    .dr-top p {
        max-width: 100%;
    }
    .drt-images {
        position: relative;
        margin-top: 80px;
    }
    .drt-images .small-image {
        position: absolute;
        right: 20px;
        top: -60px;
        height: 150px;
    }
    .drt-images .big-image {
        width: 100%;
        aspect-ratio: 2/1;
    }
    .dr-bottom {
        margin-top: 30px;
    }
    .vc-wrap {
        padding: 30px 20px;
        gap: 20px;
    }
    .vc-top h3 {
        font-size: 28px;
        margin-top: 10px;
    }
    .vc-top img {
        width: 35px;
        height: auto;
    }
    .category-card .category-card-top a {
        bottom: 18px;
        opacity: 1;
    }
    .trust-wrap {
        flex-direction: column;
        gap: 50px;
    }
    .trust-left,
    .trust-right {
        width: 100%;
    }
    .trust-right {
        aspect-ratio: 2/1;
    }
    .tl-top {
        max-width: 100%;
    }
    .tl-bottom,
    .tl-mid {
        margin-top: 20px;
    }
    .tr-color-image {
        width: calc(100% - 100px);
        height: calc(100% - 100px);
    }
    .tc-bg {
        gap: 150px;
    }
    .testimonial-carousal {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .bc-bottom .info h3 {
        font-size: 14px;
    }
    .bc-bottom .label {
        font-size: 12px;
    }
    .blog-wrap {
        gap: 30px;
        flex-direction: column;
    }
    .blog-left,
    .blog-right {
        width: 100%;
    }
    .blog-left {
        gap: 20px;
    }
    .bl-top,
    .bl-top .para,
    .bl-bottom {
        max-width: 100%;
    }
    .bc-top {
        aspect-ratio: 1/1;
    }
    .pre-footer-wrap {
        flex-direction: column-reverse;
    }
    .pf-right,
    .pf-left {
        width: 100%;
    }
    .pf-right {
        gap: 30px;
        padding-bottom: 0px;
    }
    .pf-top {
        max-width: 100%;
    }
    .pf-bottom {
        max-width: 100%;
        gap: 10px;
        padding-right: 20px;
    }
    .pf-bottom .dial-info-warp {
        padding-top: 30px;
    }
    .pf-left {
        aspect-ratio: 2/1;
    }
    .ftr-wrap {
        padding-left: 40px;
    }
    .pre-footer.beds-parent .pf-bottom>p {
        padding-top: 10px;
    }
    .footer-top,
    .footer-bottom {
        padding-left: 20px;
        padding-right: 20px;
    }
    .category-card-top a {
        font-size: 12px;
    }
    .dr-bottom p {
        max-width: 100%;
    }
    .deal-section.beds-page .deal-left .dl-bottom {
        padding-bottom: 0px;
    }
    .trust-section.beds-page .tl-top {
        max-width: unset;
    }
    .trust-section.beds-page .tl-bottom {
        max-width: unset;
    }
    .deal-section.beds-page .dl-top {
        max-width: 80;
    }
    .deal-section.beds-page .dr-top p {
        max-width: unset !important;
    }
    .deal-section.beds-page .deal-left .dl-bottom {
        max-width: unset;
    }
    .deal-section.beds-page .dr-bottom {
        max-width: unset;
    }
    /* .deal-section.beds-page .deal-left .dl-bottom {
        margin-top: 30px;
    } */
    .deal-section.beds-page .deal-wrap {
        gap: 10px;
    }
    .pre-footer.beds-page .pf-top {
        max-width: unset;
    }
    .pre-footer.beds-page .pf-top h2 {
        max-width: 24ch;
    }
    .pre-footer.beds-page .pf-top p {
        max-width: unset;
    }
    .pre-footer.beds-page .pf-top .para {
        margin-top: 30px;
    }
    .pre-footer.beds-page .pf-right {
        gap: 20px;
    }
    .faq-section .accordion-header::after,
    .accord-img .accordion-header-2::after {
        height: 15px;
        width: 15px;
    }
    .faq-section .accordion-header,
    .accord-img .accordion-header-2 {
        font-size: 18px;
    }
    .why-choosing .wc-box:nth-last-child(1) {
        padding-left: 30px;
    }
    .why-choosing .wc-box:nth-last-child(2) {
        padding-right: 30px;
    }
    .explore-range-in .fplr-left-content {
        gap: 20px;
    }
    .explore-range-in .tabcontent .fplr-left p {
        font-size: 14px !important;
    }
    .explore-range-in .tabcontent .fplr-left ul li span,
    .explore-range-in .tabcontent .fplr-left ul li {
        font-size: 12px;
    }
    .explore-range-in .tab {
        margin-bottom: 20px;
        margin-top: 30px;
    }
    .tilr-right-image {
        display: none
    }
    .tilr-content.for-mobile-only {
        display: block;
    }
    .tilr-right .tilr-content {
        display: none;
    }
    .tilr-right {
        margin-bottom: 0px;
    }
    .tilr-wrap {
        gap: 0px;
    }
    .beds-parent-banner {
        padding: 100px 0px 60px 0px;
        height: 100%;
    }
    .beds-parent-heading h1 {
        font-size: 60px;
    }
    .beds-parent-banner .beds-parent-heading {
        bottom: 28px;
    }
    .beds-parent-banner .banner-img::after {
        width: 12px;
    }
    .category-section .container {
        padding: 0px 20px;
    }
    .blog-section .container-fluid {
        padding: 0px 0px 0px 20px;
    }
    .deal-section .dl-bottom {
        flex-direction: column;
        gap: 10px;
    }
    .component-4-page .bottom-img {
        display: none;
    }
    .component-4-page {
        gap: 30px;
    }
    .bedroom-parent-banner .sbb-left {
        padding-top: 16%;
    }
    .bedroom-range .br-tab-wrap .br-tab-card .card-in-content h3 {
        font-size: 24px;
    }
    .bedroom-range .br-tab-wrap .br-tab-card .card-in-content p {
        font-size: 14px;
    }
    .bedroom-range .br-tab-wrap {
        gap: 15px;
    }
    .accord-img-bottom {
        margin-top: 40px;
    }
    .beds-for-in .right-wrapper {
        gap: 30px;
        margin-bottom: 50px;
        height: 100%;
        padding: 0px 20px;
    }
    .matt-details-banner {
        padding: 100px 0px 50px 0px;
    }
    .brands-banner-in {
        flex-direction: column;
    }
    .brands-banner-in .left {
        width: 100%;
        padding-bottom: 0px;
        gap: 30px;
    }
    .brands-banner-in .right {
        width: 100%;
        background: none;
        padding-top: 50px;
    }
    .brands-banner-in .left .text-content p {
        max-width: 100%;
    }
    .brands-banner-in .right .brand-banner-img {
        margin: 0;
    }
    .brands-banner-in .left .head h1 {
        font-size: 54px;
    }
    .brands-banner-in .left .head {
        padding-top: 0px;
    }
    .bgb-grid-wrap {
        grid-template-columns: 1fr 1fr;
    }
    .blue-grid-box-container {
        padding: 0px 20px;
    }
    .blogs-card .blogs-card-img {
        height: 320px;
    }
    .blogs-card-wrapper {
        gap: 12px;
        row-gap: 40px;
        grid-template-columns: 1fr 1fr;
    }
    .blogs-card .blogs-text-content h5 {
        font-size: 16px;
    }
    .blogs-card .blogs-text-content p.blogs-card-date {
        font-size: 12px !important;
    }
    .blogs-card .blogs-text-content {
        padding-top: 20px;
    }
    .deal-section ul li {
        font-size: 14px;
    }
    .blogs-inner-content-container {
        padding: 0px 20px;
    }
    .other-blogs-card-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .progress-dots .dot {
        display: none;
    }
    .progress-dots .dot.active {
        display: block;
    }
    .trending-card-wrapper .trending-card {
        display: none;
    }
    .trending-card-wrapper .trending-card.active {
        display: block;
        width: 100%;
    }
    .news-update-image {
        aspect-ratio: 3/2;
    }
    .news-updates-banner .tc-bg .tcb-draw {
        display: none;
    }
    .contact-us-in {
        flex-direction: column;
        gap: 50px;
    }
    .contact-us-in .left,
    .contact-us-in .right {
        width: 100%;
    }
    .contact-us-in .left .head p {
        max-width: 70ch;
    }
    .contact-us-main {
        padding-top: 140px;
    }
    .matt-details-in {
        flex-direction: column;
        gap: 40px;
    }
    .matt-details-in .left {
        width: 100%;
        text-align: center;
    }
    .matt-details-in .center {
        width: 100%;
    }
    .matt-details-in .right {
        width: 100%;
    }
    .matt-details-in .left .head h1 {
        font-size: 90px;
    }
    .matt-details-in p {
        padding-left: 0px;
    }
    h2.mattress-details-v2 {
        font-size: 90px;
        margin: 0 auto;
    }
    .faq-pages-tab-wrapper .left {
        padding-left: 30px;
    }
    .map-wrapper {
        height: 400px;
    }
    .univeral-content-in {
        padding-top: 120px;
    }
    .testimonial-page {
        padding-top: 120px;
    }
    .testimonial-page-in {
        flex-direction: column;
        gap: 50px;
    }
    .testimonial-page-in .right {
        padding: 0;
        width: 100%;
        border: none;
    }
    .testimonial-page-in .left {
        padding: 0;
        width: 100%;
        border: none;
    }
    .how-to-choose-in {
        grid-template-columns: 1fr;
        height: 100%;
    }
    .how-to-choose-in .right {
        position: relative;
        width: 100%;
        padding: 0px 20px;
    }
    .how-to-choose-in .left {
        padding-top: 0px;
        padding: 40px 0px;
        ;
    }
    .how-to-choose-in .right .htc-rl {
        display: none;
    }
    .how-to-choose-in .right .htc-rr {
        width: 100%;
        padding-top: 40px;
        max-width: 100%;
        gap: 10px;
    }
    .how-to-choose-in .left .heading{
        max-width: 70ch;
    }
    .how-to-choose-in .left p {
        max-width: 84ch;
    }
    .tailor-made-in .content p {
        font-size: 14px;
    }
    .tailor-made-in {
        display: flex;
        flex-direction: column;
        gap: 40px;
        align-items: center;
    }
    .testimonial-tabs-section .container-fluid {
        padding: 0;
        padding-left: 20px;
    }
    .testimonial-page .blogs-sort {
        margin-right: 20px;
    }
    .product-inner-page {
        padding-top: 105px;
    }
    .product-inner-page-in {
        flex-direction: column;
    }
    .product-inner-page-in .left {
        width: 100%;
    }
    .product-inner-page-in .right {
        width: 100%;
    }
    .similar-products-in .products-grid {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 24px;
    }
    .what-inside-in {
        flex-direction: column-reverse;
    }
    .what-inside-in .left,
    .what-inside-in .right {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .custom-button {
        font-size: 12px;
    }
    .header-top-middle {
        width: 140px;
    }
    .hpb-img {
        width: 100%;
    }
    .hpb-img:nth-child(2) {
        display: none;
    }
    .fp-left-right-wrap {
        gap: 30px;
        flex-direction: column;
    }
    .fp-left-right-wrap .fplr-left,
    .fp-left-right-wrap .fplr-right {
        width: 100%;
    }
    .fp-bg {
        width: 100%;
    }
    .fp-card .fpc-layer-1::before {
        opacity: 1;
    }
    .fp-card .fpc-content {
        transform: unset;
        opacity: 1;
    }
    .fp-card:hover .fpc-content {
        transform: unset;
        opacity: 1;
    }
    .fp-card .fpc-layer-2 img {
        opacity: 1;
    }
    .fpc-content {
        position: static;
    }
    .fp-card .fpc-layer-2::before {
        opacity: 1;
    }
    .fp-card:hover .fpc-wrap {
        top: 50%;
    }
    .fp-card {
        aspect-ratio: 2/1;
    }
    .fp-cards-wrap {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    .fp-left-right {
        margin-top: 45px;
    }
    .fp-left-right-wrap .fplr-right {
        aspect-ratio: 2/1;
    }
    .fp-items {
        padding-bottom: 30px;
    }
    .rd-card-text h3 {
        font-size: 16px;
    }
    .product-display-head {
        flex-direction: column;
        gap: 15px;
        align-items: start;
        text-align: center;
    }
    .product-display-head .heading,
    .product-display-head>p {
        max-width: 100%;
    }
    .product-display-grid {
        margin-top: 30px;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    .pdg-card-image {
        aspect-ratio: 1/1;
    }
    .category-grid {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        row-gap: 30px;
        margin-top: 30px;
    }
    .category-foot {
        margin-top: 30px;
    }
    .drt-images .small-image {
        width: 90px;
        height: 90px;
        top: -45px;
    }
    .dl-bottom {
        margin-top: 30px;
        flex-direction: column;
        gap: 15px;
    }
    .deal-wrap {
        gap: 30px;
    }
    .dl-top .heading h2 {
        font-size: 40px;
    }
    .visit-cards {
        margin-top: 30px;
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .vc-bottom {
        max-width: 35ch;
    }
    .vc-top h3 {
        font-size: 22px;
    }
    .tr-color-image {
        width: calc(100% - 60px);
        height: calc(100% - 60px);
    }
    .tl-mid ul li {
        font-size: 14px;
        line-height: 150%;
    }
    .tl-mid ul {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 18px;
    }
    .tl-mid ul li::before {
        top: 7px;
    }
    .testimonial-carousal {
        padding: 40px 60px;
    }
    .testi-card {
        flex-direction: column;
    }
    .testi-card-left,
    .testi-card-right {
        width: 100%;
    }
    .testi-card-left {
        aspect-ratio: 3/2;
        height: auto;
    }
    .testi-card-right {
        gap: 25px;
    }
    .testimonial-carousal {
        margin-top: 40px;
    }
    .testi-card-right {
        padding-top: 25px;
        height: 100%;
    }
    .blog-cards {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .blog-cards a {
        width: 100%;
    }
    .bc-top {
        aspect-ratio: 2 / 1;
    }
    .ftl-bottom.desk {
        display: none;
    }
    .ftl-bottom.mob {
        display: block;
    }
    .footer-top::before {
        display: none;
    }
    .footer-top {
        flex-direction: column;
        gap: 50px;
    }
    .ft-left,
    .ft-right {
        width: 100%;
    }
    .ftr-wrap {
        padding-left: 0;
        justify-content: space-between;
    }
    .ftr-links ul {
        gap: 20px;
    }
    .footer-logo {
        width: 200px;
    }
    .footer-bottom {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .fb-right ul {
        display: flex;
        gap: 35px;
        row-gap: 20px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer-top {
        padding-top: 40px;
    }
    .ftr-wrap {
        row-gap: 40px;
    }
    .tc-bg {
        gap: 50px;
    }
    .testi-card-left img {
        position: absolute;
        inset: 0;
    }
    .testimonial .owl-btn-wrap {
        gap: 90px;
    }
    .faq-section .faq-in .left,
    .accord-img .faq-in .left {
        width: 100%;
    }
    .faq-section .faq-in .right,
    .accord-img .faq-in .right {
        display: none;
    }
    .faq-section .accordion-header::after,
    .accord-img .accordion-header-2::after {
        height: 16px;
        width: 16px;
    }
    .faq-section .accordion,
    .accord-img .accordion-2 {
        margin-top: 30px;
    }
    .why-choosing .wc-box-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
    .why-choosing .wc-box-wrap .wc-box {
        width: 100%;
    }
    .why-choosing .wc-box:nth-last-child(1) {
        padding-left: 0px;
    }
    .why-choosing .wc-box:nth-last-child(2) {
        padding-right: 0px;
    }
    .explore-range-in .container-left {
        padding-top: 50px;
    }
    .explore-range-in .fp-items {
        padding-bottom: 50px;
    }
    .explore-range-in .tabcontent .fplr-left ul li {
        max-width: 100%;
    }
    .explore-range-in .fplr-left-content {
        max-width: 100%;
    }
    .explore-range-in .tab {
        justify-content: start;
    }
    .hpb-content h1 {
        font-size: 56px;
    }
    .hpb-content {
        align-items: center;
        padding-bottom: 0;
    }
    .featured-product.large-screen {
        display: none;
    }
    .feature-product-mob {
        display: block;
    }
    .feature-product-mob ul li::before {
        content: "";
        top: 10px !important;
    }
    .testimonial .testi-card-left {
        display: none;
    }
    .testimonial .tc-bg.draw {
        display: none;
    }
    .testimonial .testimonial-carousal {
        margin-top: 5px;
    }
    .testimonial .owl-btn-wrap {
        gap: 20px;
    }
    .testimonial .testimonial-bottom {
        margin-top: 0px;
    }
    .testi-card-right {
        gap: 60px;
    }
    .for_mobile_slider .pdg-card-image {
        aspect-ratio: 1/1.2;
    }
    .explore-range-in .tab button {
        font-size: 16px;
    }
    .explore-range-in .tabcontent .fplr-left h3 {
        font-size: 24px;
    }
    .feature-product-mob h4 {
        font-size: 18px;
        font-style: italic;
        color: #fff;
    }
    .feature-product-mob h5 {
        font-size: 14px;
        color: #fff;
        padding: 10px 0px;
        margin-bottom: 20px;
    }
    .beds-banner span.left,
    .beds-banner span.right {
        display: none;
    }
    .deal-section .small-image {
        display: none;
    }
    .deal-section .drt-images {
        margin-top: 20px;
    }
    .deal-section .drt-images .big-image {
        aspect-ratio: 1/1.2;
    }
    .deal-section .dr-bottom {
        margin-top: 20px;
    }
    .beds-parent-banner .banner-img::after {
        display: none;
    }
    .beds-parent-banner .door-handle {
        display: none;
    }
    .flex-reverse-container {
        display: flex;
        flex-direction: column-reverse;
        height: 100%;
    }
    .beds-parent-banner .beds-parent-heading {
        position: relative;
        bottom: unset;
    }
    .beds-parent-banner .beds-parent-heading h1 {
        font-size: 42px;
    }
    .beds-parent-banner {
        height: 100%;
        padding: 100px 0px 70px 0px;
    }
    .beds-parent-banner .banner-img {
        aspect-ratio: 1/1;
    }
    .beds-parent-banner .banner-img {
        margin-top: 40px;
    }
    .why-choosing .bottom {
        margin-top: 20px;
    }
    .hp-banner {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .product-display-head .heading,
    .product-display-head>p {
        width: 100%;
    }
    .category-foot {
        max-width: 40ch;
    }
    .component-4-page {
        flex-direction: column-reverse;
        gap: 30px;
    }
    .component-4-page .left {
        width: 100%;
    }
    .component-4-page .right {
        width: 100%;
    }
    .component-4-page .right .bottom-img {
        display: none;
    }
    .why-choosing .wc-box-wrap {
        padding: 40px 0px;
    }
    .single-beds-banner .sbb-wrap {
        flex-direction: column;
    }
    .single-beds-banner .sbb-wrap .sbb-left {
        width: 100%;
        padding: 0px;
        padding-bottom: 30px;
        gap: 15px;
    }
    .single-beds-banner .sbb-wrap .sbb-right {
        width: 100%;
        margin-bottom: 60px;
    }
    .single-beds-banner .sbb-wrap .sbb-right img {
        aspect-ratio: 1/1;
    }
    .single-beds-banner .main-head {
        position: relative;
    }
    .single-beds-banner .sbb-sm-img {
        display: none;
    }
    .single-beds-banner .main-head h1 {
        font-size: 42px;
        white-space: unset;
        text-align: center;
    }
    .single-beds-banner .main-head {
        padding: 0px;
        left: unset;
        transform: unset;
    }
    .single-beds-banner {
        height: 100%;
        padding: 0px 20px;
        padding-top: 120px;
    }
    .single-beds-banner .main-head.banner-head-desk {
        display: none;
    }
    .single-beds-banner .main-head.banner-head-mob {
        display: block;
    }
    .single-beds-banner .sbb-wrap .sbb-text p {
        max-width: 54ch;
    }
    .component-4-sec .slick-arrow-wrap {
        padding-top: 30px;
    }
    .component-4-page .text-content p {
        padding-top: 24px;
    }
    .bedroom-range .br-tab-wrap {
        grid-template-columns: 1fr;
    }
    .bedroom-range .br-tab-wrap .br-tab-card .card-in-content h3 {
        font-size: 32px;
    }
    .bedroom-range .br-tab-wrap .br-tab-card .card-in-content p {
        font-size: 16px;
    }
    .bedroom-range .exp-br-tabin::after {
        height: 90%;
    }
    .bedroom-range .exp-br-tabin::before {
        top: 10%;
    }
    .br-tab-ticker .bx-wrapper .bx-viewport {
        height: 180px !important;
    }
    .accord-img-bottom {
        margin-top: 30px;
    }
    .blue-grid-box .svg-animation {
        display: none;
    }
    .blue-grid-box-in .bgb-box {
        gap: 20px;
        padding: 10px;
    }
    .blue-grid-box-in .bgb-box .icon {
        width: 40px;
        height: 40px;
    }
    .blue-grid-box-in .bgb-box h5 {
        font-size: 15px;
    }
    .blue-grid-box-in .bgb-box p {
        font-size: 12px !important;
    }
    .blue-grid-box-in .bgb-grid-wrap {
        gap: 15px;
    }
    .blue-grid-box-in .head {
        padding-top: 0px;
        padding-bottom: 30px;
    }
    .blue-grid-box-in .bottom-text {
        padding: 0px;
        padding-top: 30px;
    }
    .blue-grid-box {
        padding: 50px 0px;
    }
    .other-brands-banner .brands-banner-in .left .head {
        padding-top: 0px;
    }
    .blogs-card-wrapper {
        grid-template-columns: 1fr;
    }
    .blogs-tabcontent {
        padding-top: 30px;
    }
    .blogs-tab button {
        font-size: 16px;
    }
    .blogs-sort select {
        font-size: 16px;
    }
    .blogs-sort::after {
        width: 12px;
    }
    .signup-form-sec-in {
        padding: 50px 24px;
    }
    .signup-form-sec-in .email-form .email-field {
        padding: 10px 12px;
        gap: 40px;
    }
    .signup-form-sec-in .email-form .submit-field {
        padding: 10px 15px;
        font-size: 12px;
    }
    .signup-form-sec-in .text-content p {
        font-size: 12px !important;
    }
    .other-blogs-card-wrapper {
        grid-template-columns: 1fr;
    }
    .blogs-inner-banner .blogs-innner-banner-img {
        margin-bottom: 30px;
        max-height: 350px;
    }
    .news-update-image {
        aspect-ratio: 5/4;
    }
    .news-updates-banner .head-content p {
        font-size: 12px;
    }
    .contact-form .form-component input[type="submit"] {
        max-width: 100%;
        padding: 10px 12px;
    }
    .contact-form {
        padding: 40px 30px;
    }
    .faq-pages-tab-wrapper {
        flex-direction: column;
        gap: 30px;
    }
    .faq-pages-tab-wrapper .left,
    .faq-pages-tab-wrapper .right {
        width: 100%;
    }
    .faq-pages-tab-wrapper .faq-page-category-tabs {
        flex-direction: row;
        overflow: auto;
        overflow-y: hidden;
        display: flex;
        padding-bottom: 5px;
    }
    .faq-pages-tab-wrapper .faq-page-category-tabs button {
        font-size: 18px;
    }
    .core-philosphy-in .item-wrap {
        grid-template-columns: 1fr;
        row-gap: 40px;
    }
    .core-philosphy-in .item-wrap {
        margin-top: 50px;
    }
    .core-philosphy-in .head p {
        max-width: 42ch;
    }
    .core-philosphy-in .item-wrap h4 {
        font-size: 20px;
    }
    .core-philosphy-in .item-wrap p {
        font-size: 14px;
        max-width: 100%;
    }
    .core-philosphy-in .item-wrap .box-item {
        padding: 0;
    }
    .core-philosphy-in .item-wrap .box-item-img {
        width: 50px;
        height: 50px;
    }
    .faq-pages-tab-wrapper .left {
        padding-left: 0px;
    }
    .faq-page-category-tabcontent h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .faq-page-accord-wrapper .accordion {
        font-size: 18px;
    }
    .faq-page-in .head {
        margin-bottom: 40px;
    }
    .faq-page-accord-wrapper .accordion:after {
        width: 12px;
        height: 12px;
    }
    .map-wrapper {
        height: 300px;
    }
    .univeral-content-in .content-inner :is(p, li, a) {
        font-size: 14px;
    }
    .univeral-content-in p.date-detail {
        font-size: 14px;
    }
    .testimonial-tabs-section .blogs-tabcontent {
        padding-top: 0px;
    }
    .rewiew-form-component-wrap .top {
        flex-direction: column;
    }
    .similar-products-in .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        row-gap: 20px;
    }
    .similar-products-in .product-card-in .product-name h5 {
        font-size: 14px;
    }
}

@media only screen and (max-width: 475px) {
    .fpc-wrap h3 {
        font-size: 20px;
    }
    .fpc-content .label {
        font-size: 16px;
    }
    .fp-left-right-wrap .fplr-right {
        aspect-ratio: 1/1;
    }
    .fp-card {
        aspect-ratio: 1/1;
    }
    .product-display-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    .category-grid {
        grid-template-columns: 1fr;
    }
    .drt-images .big-image {
        aspect-ratio: 1 / 1;
    }
    .trust-right {
        aspect-ratio: 1/1;
    }
    .testi-card-left {
        aspect-ratio: 1/1;
        height: auto;
    }
    .testimonial-carousal {
        padding: 40px 20px;
    }
    .bc-top {
        aspect-ratio: 1 / 1;
    }
    .pf-left {
        aspect-ratio: 1/1;
    }
    .testimonial-carousal-wrap .owl-carousel .owl-stage {
        display: flex;
        align-items: stretch;
    }
    .testi-card-right {
        height: 100%;
    }
    .faq-section .accordion-header::after {
        height: 15px;
        width: 15px;
    }
    .faq-section .accordion-header {
        font-size: 16px;
    }
    .faq-section .accordion-content.active .accordion-content-inner p {
        font-size: 14px;
    }
    .faq-section .accordion {
        margin-top: 20px;
    }
    .accord-img .accordion-header-2::after {
        height: 15px;
        width: 15px;
    }
    .accord-img .accordion-header-2 {
        font-size: 18px;
    }
    .accord-img .accordion-content-2.active .accordion-content-inner-2 p {
        font-size: 14px;
    }
    .accord-img .accordion-2 {
        margin-top: 20px;
    }
    .why-choosing .wc-box-wrap {
        grid-template-columns: 1fr;
    }
    .hpb-content h1 {
        font-size: 48px;
    }
    .blogs-inner-content .blogs-inner-info {
        flex-direction: column;
        gap: 10px;
    }
    .news-update-image {
        aspect-ratio: 1/1;
    }
    .news-updates-banner .head-content {
        padding: 0px 10px;
    }
    .beds-for-in .right .top h3{
        font-size: 32px;
    }
}