@media (min-width: 1600px) and (max-width: 1920px) {
  .access-sec-two img {
    max-width: 28%;
  }

  .access-sec-two .img-box-reverse img {
    max-width: 30%;
    max-height: 96%;
  }
}
@media (max-width: 1400px) {
  .why-title h2 {
    margin-bottom: -30px;
  }
  .product-tab-section .nav-pills {
    justify-content: center;
  }
}
@media (max-width: 1600px) {
  .mt-95 {
    margin-top: 60px;
  }
  .privacy-policy-section p.w-50 {
    width: 100% !important;
  }
}
@media (min-width: 1400px) and (max-width: 1600px) {
  .privacy-policy-section .shapes .left-img {
    right: -4%;
  }

  .privacy-policy-section .shapes .right-img {
    left: -2%;
  }

  .banner-section .line-content {
    left: -1% !important;
  }

  .access-content {
    padding-left: 50px;
    padding-right: 50px;
  }

  .access-sec-two img {
    position: absolute;
    right: 0;
    width: 100%;
    max-width: 33%;
    top: 0;
    bottom: 0px;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
  }

  .access-sec-two .img-box-reverse img {
    position: absolute;
    left: 0;
    width: 100%;
    max-width: 33%;
    top: 0;
    bottom: 0px;
    max-height: 90%;
    height: 100%;
    object-fit: cover;
  }

  .discover-section img {
    position: absolute;
    right: 0;
    width: 100%;
    height: auto;
    max-height: unset;
    max-width: 48%;
    top: 0;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .banner-section .line-content {
    left: -2% !important;
  }

  .access-sec-two img {
    max-height: 87%;
  }

  .privacy-policy-section .shapes .left-img {
    right: -10%;
  }

  .privacy-policy-section .shapes .right-img {
    left: -4%;
  }
  /* .get-in-touch-form.contact-form .custom-placeholder {
    left: 12%;
  } */
}
@media (max-width: 1400px) {
  .why-title h2 {
    margin-bottom: -10px;
    font-size: 85px;
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .banner-section .line-content {
    left: 0% !important;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .access-sec-two img {
    max-height: 80%;
    max-width: 45%;
  }
  .contact-modal .get-in-touch-form.contact-form .custom-placeholder {
    left: 11%;
  }
  .contact-modal
    .get-in-touch-form.contact-form
    textarea
    + .custom-placeholder {
    left: 6%;
  }
  .secondary-form
    .modal-content
    .get-in-touch-form.contact-form
    .custom-placeholder {
    left: 11%;
  }
  #accessoriesModal .custom-placeholder {
    left: 11%;
}
  .get-in-touch-form.contact-form .custom-placeholder {
    left: 8%;
  }
  #accessoriesModal textarea + .custom-placeholder {
    left: 6%;
}
  .secondary-form
    .modal-content
    .get-in-touch-form.contact-form
    textarea
    + .custom-placeholder {
    left: 6%;
  }
  .privacy-policy-section .shapes .right-img {
    left: -6%;
  }
  .primary-form .modal-content .modal-body h4,
  .secondary-form .modal-content .modal-body h4 {
    font-size: 40px;
  }

  .access-sec-two .img-box-reverse img {
    max-width: 40% !important;
    max-height: 70% !important;
  }
}

@media (max-width: 1400px) {
  .about-section-two img {
    left: 38%;
  }

  /* .product-card {
    padding: 100px 0 10px 0px;
  } */

  .firmness-option {
    font-size: 22px;
  }
  .product-tab-section .view-all-btn {
    display: block;
  }
}

@media (max-width: 1200px) {
  .firmness-option {
    padding: 20px;
  }

  .product-card .img-box img {
    width: 100%;
  }
  .about-section-two .pt-200 {
    padding-top: unset;
  }
  .access-sec-two .img-box-reverse img {
    max-width: 43%;
    max-height: 90%;
  }

  .access-sec-two img {
    max-width: 43%;
    top: 10%;
    bottom: unset;
  }

  .privacy-policy-section .shapes .left-img {
    right: -10%;
  }

  .secondary-form .modal-content .modal-body h4 {
    font-size: 45px;
    padding-left: 35px;
  }

  header .nav-link {
    padding-right: 20px !important;
  }

  .footer-links {
    display: block;
  }

  .footer-links li {
    margin-bottom: 10px;
  }

  header .btn-outline,
  header .btn-main {
    display: block;
    width: fit-content;
  }

  .product-tab-section .product-card .highlight-box {
    top: -18%;
  }

  .product-tab-section .nav-pills .nav-link {
    text-wrap: nowrap;
  }

  .get-in-touch-section h3 {
    font-size: 90px !important;
  }

  .about-section-one h3.title {
    font-size: 200px;
  }
  /*
  .about-section-two img {
    left: 34%;
    max-width: 60%;
  } */

  .discover-section img {
    max-width: 50%;
    top: 10%;
    bottom: unset;
  }
}

@media (max-width: 1199px) {
  .testimonial-card {
    padding-left: 260px;
    padding-right: 260px;
    aspect-ratio: 4 / 2;
  }
   .product-sub-cat-sec h2.sub-cat-title {
    font-size: 70px;
  }
}

@media (max-width: 992px) {
  .privacy-policy-section .shapes .left-img {
    right: -24%;
  }
  #accessoriesModal .custom-placeholder{
	  left: 3%;
  }
  .secondary-form
    .modal-content
    .get-in-touch-form.contact-form
    textarea
    + .custom-placeholder,
  .secondary-form
    .modal-content
    .get-in-touch-form.contact-form
    .custom-placeholder,
  .get-in-touch-form.contact-form .custom-placeholder {
    left: 3%;
  }
  .contact-modal .get-in-touch-form.contact-form .custom-placeholder,
  .get-in-touch-form.contact-form textarea + .custom-placeholder {
    left: 4%;
  }
  .privacy-policy-section .shapes .right-img {
    left: -7%;
  }
  .img-section {
    padding-bottom: 0;
  }

  .find-mattress-form textarea + .custom-placeholder {
    left: 6%;
  }

  .access-sec-two .img-box {
    min-height: 400px;
  }

  .access-sec-two .img-box img {
    position: absolute;
    right: 0px;
    top: 0%;
    height: 100%;
    max-height: 500px;
    width: auto;
    object-fit: cover;
    max-width: unset;
  }

  .access-sec-two .img-box-reverse {
    min-height: 250px;
  }

  .access-sec-two .img-box-reverse img {
    position: absolute;
    left: 0px;
    top: 4%;
    height: 100%;
    max-height: 390px;
    width: auto;
    object-fit: cover;
    max-width: unset;
  }

  .benefits-card {
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    transform: none;
    width: 350px;
    height: 250px;
  }

  .benefits-card.benefit-secondary {
    transform: none;
  }

  .banner-section .line-content {
    position: absolute;
    top: unset;
    left: 50%;
    z-index: 999;
    bottom: -20%;
    align-items: center;
    display: flex;
    transform: translateX(-50%);
    justify-content: center;
  }

  .banner-section .line-content .social-icon {
    flex-shrink: 0;
    margin: 0 10px;
  }

  .get-in-touch-section h3.sec-title span.ml-100 {
    margin-left: 150px;
  }

  .banner-section .line-content .social-icon ul {
    display: flex;
    margin: 0;
    align-items: center;
    gap: 10px;
  }

  .banner-section .line-content .top-line,
  .banner-section .line-content .bottom-line {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #77bd43;
    margin-left: 0px;
    position: relative;
    min-height: 3px;
    min-width: 100px;
  }

  .banner-carousel .owl-dots {
    bottom: -7%;
  }

  .get-in-touch-section .get-in-touch-form textarea,
  .get-in-touch-section .get-in-touch-form select,
  .custom-input {
    width: 100%;
  }

  .product-tab-section .product-card .highlight-box {
    top: -25%;
  }

  .get-in-touch-section h3 {
    font-size: 80px !important;
  }

  .why-title h2 span {
    font-size: 76px;
    color: var(--primary-color);
  }

  .why-title h2 {
    font-size: 76px;
    color: var(--secondary-color);
    margin-bottom: -100px;
  }

  .about-section-one h3.title {
    font-size: 170px;
  }

  .about-section-two img {
    position: static;
    max-width: 100%;
  }

  .vision-mission-section .col-lg-6:first-child .vision-mission-card::after {
    content: none;
  }

  .discover-section .img-box {
    min-height: 350px;
  }

  .discover-section .img-box img {
    position: absolute;
    right: 0px;
    top: 4%;
    height: 100%;
    max-height: 350px;
    width: auto;
    object-fit: cover;
    max-width: unset;
  }

  .mattress-creation-section h3.title {
    font-size: 48px;
  }

  .primary-form .modal-content .form-wrapper,
  .secondary-form .modal-content .form-wrapper {
    margin-left: 10%;
  }

  .primary-form .modal-content .shapes .img-3,
  .secondary-form .modal-content .shapes .img-3 {
    width: 50%;
  }

  .primary-form .modal-content .shapes .img-2,
  .secondary-form .modal-content .shapes .img-2 {
    top: 7%;
    left: 40%;
  }

  .get-in-touch-section .custom-input {
    width: 100%;
  }

  .access-sec-two .img-box-reverse {
    min-height: 320px;
  }

  .py-200 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .back-btn {
    top: 7%;
  }

 

  .testimonial-carousel .owl-dots {
    bottom: -10%;
  }

  .testimonial-card {
    width: 75%;
    margin: 0 auto;
    height: 100%;
    min-height: 410px;
    padding: 0px;
  }

  /* .testimonial-carousel .owl-item.center .item p{
        padding: 20px;
    } */
  .testimonial-text {
    max-width: 50%;
  }
}

@media (max-width: 768px) {
  .banner-section {
    padding-top: 150px;
  } 
	.breadcrumb-section { 
		text-align: center;
		align-items: start;
	} 
  .find-mattress-form textarea + .custom-placeholder,
  .find-mattress-form .custom-placeholder{
	  left: 2%;
  }
  .product-content .product-arrow img {
    width: 30px;
    height: 30px;
  }
  .pt-150 {
    padding-top: 160px !important;
  }

  .privacy-policy-section {
    overflow: hidden;
    padding-top: 100px !important;
  }

  .privacy-policy-section.thanks-section {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .privacy-policy-section.thanks-section .shapes {
    display: block;
  }

  .privacy-policy-section .shapes {
    display: none;
  }

  .why-title h2 {
    font-size: 65px;
    margin-bottom: -35px;
  }
  .why-title h2 span {
    font-size: 65px;
  }
  .right-circle-arrow-img {
    width: 40px;
    height: 40px;
  }

  .get-in-touch-section .get-in-touch-form select,
  .input-wrapper .placeholder-text {
    font-size: 16px;
  }

  .banner-section .line-content {
    bottom: -15%;
  }

  .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .testimonial-text {
    max-width: 40%;
  }

  .firmness-option::before {
    font-size: 20px;
  }

  .blog-detail-title {
    padding: 20px;
    margin-top: -75px;
  }

  .product-card {
    padding: 50px 0 10px 10px;
  }

  .testimonial-card {
    width: 100%;
    padding: 5px;
  }

  /*
    .testimonial-text {
        padding: 40px;
    } */

  .blog-detail-content-sec {
    font-size: 16px;
  }

  .blog-detail-content-sec .blog-detail-content h2.blog-title {
    font-size: 36px;
  }

  .blog-detail-content-sec .blog-detail-content h4.blog-title {
    font-size: 24px;
  }

  .access-sec-two .title,
  .about-section .title,
  .about-section-two .title {
    font-size: 32px;
    line-height: 1.4;
  }

  .access-sec-two p,
  .about-section p,
  .about-section-two p,
  .access-sec-two .sub-title,
  .about-section .sub-title,
  .about-section-two .sub-title {
    font-size: 16px;
  }

  .access-sec-two {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .access-content {
    text-align: center;
  }

  .privacy-policy-section .shapes .left-img {
    right: -15%;
  }

  .get-in-touch-section h3 {
    font-size: 60px !important;
  }

  .product-name {
    font-size: 18px;
  }

  .product-content {
    padding-left: 0;
  }

  .faq-accordion .accordion-item,
  .faq-accordion .accordion-item .accordion-button {
    font-size: 16px;
  }

  .faq-accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
    padding: 20px 25px 10px;
  }

  .faq-accordion .accordion-item {
    padding: 30px;
  }

  .faq-accordion .accordion-item .accordion-button::after {
    background-size: 25px;
    width: 25px;
    height: 25px;
    right: 0;
    margin-left: 10px;
  }

  .testimonial-title h1 {
    font-size: 50px;
  }

  .testimonial-carousel .owl-dots {
    bottom: -50%;
  }

  .about-section-one h3.title {
    font-size: 130px;
  }

  .fs-20 {
    font-size: 16px;
  }

  .vision-mission-section .vision-mission-card img {
    width: 50px;
    height: 50px;
  }

  .discover-section .title,
  .about-section .title,
  .about-section-two .title {
    font-size: 32px;
    line-height: 1.4;
  }

  .discover-section p,
  .about-section p,
  .about-section-two p,
  .discover-section .sub-title,
  .about-section .sub-title,
  .about-section-two .sub-title {
    font-size: 16px;
  }

  .discover-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .fs-48 {
    font-size: 38px;
  }

  .find-mattress-form .custom-input,
  .find-mattress-form textarea {
    width: 100% !important;
  }

  .primary-form .modal-content .shapes .img-1,
  .secondary-form .modal-content .shapes .img-1,
  .primary-form .modal-content .shapes .img-5,
  .secondary-form .modal-content .shapes .img-5 {
    width: 40%;
  }

  .product-sub-cat-sec h2.sub-cat-title {
    font-size: 28px;
  }

  .product-sub-cat-sec h4.sub-cat-sub-title {
    font-size: 16px;
    margin-bottom: 15px;
  }

  .product-sub-cat {
    margin-bottom: 20px;
  }

  .product-sub-cat-sec .prod-sub-cat-content .title {
    font-size: 32px;
  }

  .sub-cat-feature .feature-content h4.feature-title {
    font-size: 24px;
  }

  .sub-cat-feature .feature-content p {
    font-size: 16px;
  }

  .sub-cat-feature .flex-row-reverse .feature-num,
  .sub-cat-feature .flex-row-reverse .feature-content {
    text-align: start;
  }

  .back-btn {
    position: absolute;
    top: 7%;
  }

  .banner-carousel .owl-prev {
    left: 30%;
  }

  .banner-carousel .owl-next {
    right: 30%;
  }
}

@media (max-width: 767px) {
  .mattress-finder-section .step-list li::before {
    width: 80px !important;
    height: 6px !important;
    top: 40% !important;
    left: -60% !important;
  }

  /* .product-tab-section .product-card-two .left-content {
    margin-bottom: 25px;
  } */

  .mattress-finder-section .step-list {
    display: flex;
    justify-content: space-around;
  }
}

@media (max-width: 576px) {
  .thanks-section h2 {
    max-width: 80%;
    margin: 0 auto;
  }
  .banner-section {
    padding-bottom: 150px;
  }
  .banner-section .banner-title {
    font-size: 32px;
  }
  .mattress-finder-section .form-check-label .mattress-img {
    height: 200px;
    object-fit: cover;
  }
  .banner-section .banner-content {
    font-size: 16px;
  }
  .product-content .product-arrow img {
    width: 40px;
    height: 40px;
  }
  .mattress-finder-section .step-list li::before {
    width: 65px !important;
    left: -50% !important;
  }

  .testimonial-carousel .owl-item.center .item {
    transform: unset;
  }
  .why-title h2 {
    font-size: 45px;
    margin-bottom: -38px;
    margin-left: 3rem;
  }
  .why-title h2 span {
    font-size: 45px;
  }
  /* .right-circle-arrow-img{
        width: 40px;
        height: 40px;
    } */
  .primary-form .modal-header,
  .secondary-form .modal-header {
    padding: 85px 35px 48px 16px;
  }

  .accordion-button {
    align-items: start;
  }

  .faq-accordion .accordion-item .accordion-body {
    font-size: 14px;
  }

  .mattress-finder-section .step-content h4 {
    font-size: 24px;
  }

  .benefits-card h4 {
    font-size: 20px;
  }

  .about-section-two img {
    max-width: 100%;
  }

  .scroll-to-top,
  .whatsapp-chat {
    width: 40px;
    height: 40px;
  }

  .firmness-option {
    padding: 15px;
    font-size: 14px;
  }

  .firmness-option::before {
    font-size: 14px;
    bottom: -115%;
  }

  .firmness-option::after {
    bottom: -50%;
  }

  input[type="radio"]:first-of-type:checked + .firmness-option,
  .firmness-option.first-option {
    border-bottom-left-radius: 30px;
  }

  input[type="radio"]:last-of-type:checked + .firmness-option,
  .firmness-option.last-option {
    border-bottom-right-radius: 30px;
  }

  .testimonial-carousel .owl-item.center .item p {
    padding-top: 35px;
  }

  .testimonial-card {
    width: 65%;
    padding: 5px;
  }

  .testimonial-text {
    padding: 0;
    font-size: 11px;
  }

  .thumbnail-slider .item img {
    width: 65px !important;
    height: 65px;
  }

  .thumbnail-slider .owl-item {
    width: 65px !important;
    height: 65px;
  }

  .product-layer-sec .prod-layer-list li {
    margin-bottom: 25px;
  }

  .access-sec-two .img-box img {
    position: absolute;
    right: 0px;
    top: 4%;
    height: 100%;
    max-height: 360px;
    width: auto;
    object-fit: cover;
    max-width: unset;
  }

  .access-sec-two .img-box-reverse img {
    position: absolute;
    left: 0px;
    top: 4%;
    height: 100%;
    max-height: 360px;
    width: auto;
    object-fit: cover;
    max-width: unset;
  }

  .access-content h4 {
    font-size: 16px;
  }

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

  .access-content p {
    font-size: 16px;
    margin-bottom: 25px;
  }

  .privacy-policy-section.thanks-section .shapes .left-img {
    right: -30% !important;
  }

  .privacy-policy-section .shapes .top-img {
    display: none;
  }

  .benefits-card {
    width: 310px;
  }

  .primary-form .modal-content .shapes .img-1 {
    width: 35%;
  }

  .product-tab-section .product-card .content-box {
    padding-top: 50px;
  }

  .banner-section {
    padding-top: 170px;
    overflow: hidden;
  }

  .product-tab-section .product-card .content-box .left-content {
    margin-bottom: 20px;
  }

  .product-tab-section .product-card .highlight-box {
    top: -20%;
  }

  .get-in-touch-section h3.sec-title span.ml-100 {
    margin-left: 110px;
  }

  .privacy-policy-section .shapes .right-img {
    left: -12% !important;
    top: 50% !important;
  }

  .privacy-policy-section .shapes .left-img {
    right: -36% !important;
    top: -1% !important;
  }

  .privacy-policy-section .fs-20 {
    font-size: 16px;
    font-family: var(--lexend-regular);
    width: 100% !important;
  }

  .privacy-policy-section .fs-48 {
    font-size: 32px;
  }

  .privacy-policy-section .list-one .title h4 {
    font-size: 24px;
    font-family: var(--lexend-medium);
  }

  .about-section-one h3.title {
    font-size: 100px;
    letter-spacing: 5px;
  }

  /* .product-tab-section .product-card-two .left-content {
        padding-bottom: 20px;
    } */

  .mattress-finder-section .step-list li {
    margin-bottom: 0;
  }

  .fs-48 {
    font-size: 32px;
  }

  .cta-section .cta-card h5 {
    font-size: 32px;
  }

  .discover-section .img-box img {
    position: absolute;
    right: 0px;
    top: 4%;
    height: 100%;
    max-height: 289px;
    width: auto;
    object-fit: cover;
    max-width: unset;
  }

  .mattress-creation-section h3.title {
    font-size: 32px;
  }

  .mattress-finder-section .step-list li:first-child::before {
    width: 30px !important;
    left: -25% !important;
  }

  .bd-content-img {
    width: 100%;
  }

  .blog-detail-title h3 {
    font-size: 28px;
  }
}

@media (max-width: 575px) {
  .blog-card .blog-left-content {
    border-right: none;
    /* border-bottom: 1px solid var(--white-color); */
    /* padding: 0; */
  }

  .blog-card .blog-left-content p {
    margin-bottom: 15px !important;
  }

  .faq-section h2 {
    font-size: 32px;
  }
}

@media (max-width: 440px) {
  .testimonial-title {
    margin-top: 0px !important;
  }
  .faq-accordion .accordion-item .accordion-button p{
  width: 80%
}
.get-in-touch-form.contact-form .custom-placeholder {
        left: 4%;
    }
  .testimonial-section{
	  padding-top: 0px;
  }
  .why-title h2 {
    margin-left: 1rem;
    margin-bottom: 10px;
  }
  .banner-carousel .owl-next {
    right: 20%;
  }
  .product-tab-section .product-card-two .btn-main {
    padding: 8px 12px;
  }
  .product-tab-section .product-card-two .content-box p {
    font-size: 12px;
  }
  .product-tab-section .product-card-two .hightlight-item .highlight-title {
    font-size: 7px;
  }
  .banner-carousel .owl-prev {
    left: 20%;
  }
  .testimonial-carousel .owl-dots {
    bottom: -35%;
  }

  .product-tab-section .view-all-btn,
  .product-tab-section .nav-pills .nav-item,
  .product-tab-section .nav-pills .nav-link.premium {
    display: block;
    width: 100%;
    text-align: center;
  }

  .firmness-option {
    padding: 10px;
    font-size: 10px;
  }

  .firmness-option::before {
    font-size: 14px;
    bottom: -50%;
    padding: 0;
  }

  .firmness-option::after {
    bottom: -100%;
  }

  input[type="radio"]:checked + .firmness-option::before {
    transform: translateX(-50%) translateY(50px);
  }

  .privacy-policy-section.thanks-section .shapes .left-img {
    right: -48% !important;
  }

  /* .boat-indicator-line{
        margin-top: 10px;
    } */
  .testimonial-text {
    max-width: 85%;
  }

  .testimonial-card {
    width: 50%;
    aspect-ratio: 4/3;
  }

  .testimonial-card h5 {
    font-size: 18px;
  }
}

@media (max-width: 409px) {
  .firmness-option::after {
    bottom: -80%;
  }
}