@media (min-width: 991px) {
    .needHlp-img img {
        height: 100% !important;
    }
}


@media (max-width: 1720px) {
    .page-template-template-home header.site-header, header.site-header {
        padding: 30px 30px !important;
    }
    .discover-by-section .discover-by-list {
        gap: 50px;
    }
    .step-into-world {
        padding-bottom: 0;
    }
    .step-into-world .sw-content h2 {
        font-size: 32px;
    }
    .step-into-world .sw-content h4 {
        font-size: 18px;
    }
    .discover-by-section .discover-by-list span.disc-icon img {
        height: 54px;
    }
    .discover-by-section .discover-by-list {
        padding: 75px 50px 50px;
    }
    .discover-by-section .discover-by-list:after {
       font-size: 100px; 
    }
    .third_sec {
        padding-top: 50px;
    }
    .needHelp-section {
        padding: 0 10px;
    }
    .magic-happens-section .magic-happens-wrap{
        padding: 18px 10px 0;
    }
    .magic-happens-section .magic-happens-wrap .mh-img img {
        height: 550px;
    }
    .banner-title-text-overlay h1 {
        font-size: 60px;
    }
    .bannr-menu ul li a {
        font-size: 18px;
    }
    .bannerTitle a {
        font-size: 20px;
    }
    body.logged-in.slug-contact.customize-support {
        padding-top: 92px;
    }
    section.contact-section {
        padding: 80px 0 80px;
    }

    section.contact-section .contact-container {
        max-width: 1200px;
    }
    section.contact-section span.contact-title {
        font-size: 34px;
    }

    section.contact-section .contact-wrapper {
        gap: 80px;
        padding: 60px 80px;
    }

    section.contact-section .contact-wrapper .contact-left h1 {
        font-size: 42px;
    }

    section.contact-section .contact-wrapper .contact-left span.contact-desc {
        max-width: 380px;
        font-size: 18px;
        line-height: 26px;
    }
    section.contact-section .contact-container {
        max-width: 1448px;
    }

    section.contact-section .contact-wrapper .contact-left .contact-form {
        margin: 30px 0 0;
    }
    section.contact-section .contact-wrapper:after {
        width: 324px;
    }
    .contact-info {
        padding: 40px 0;
    }
    .about-banner-sec section.about-hero {
        padding: 149px 30px 188px;
    }

    .about-hero .abt-bnr-list {
        gap: 30px;
    }

    .about-hero .adch-list {
        gap: 30px;
    }
    .aboutTitle.page-title .wrap { 
        padding: 0;
    }
    section.story-sec .story-grid .story-text {
        padding: 100px 100px 100px 30px;
    }
    section.guided-by-principle-sec {
        padding: 80px 0;
    }

    section.guided-by-principle-sec .panel-slider-wrapper .main-title h2 {
        font-size: 38px;
    }

    section.guided-by-principle-sec .panel-slider-wrapper .main-title {
        margin-bottom: 50px;
    }

    section.guided-by-principle-sec .panel-content h3 {
        font-size: 38px;
    }

    section.guided-by-principle-sec .panel-content p {
        font-size: 14px;
    }

    section.guided-by-principle-sec .panel.active .panel-content h3 {font-size: 80px;}

    section.guided-by-principle-sec .panel.active .panel-content p {
        font-size: 20px;
        line-height: 24px;
    }
    section.guided-by-principle-sec .panel-slider {
         height: 450px;
    }
    section.guided-by-principle-sec .panel-media { 
        min-height: 400px;
    }
    section.guided-by-principle-sec .panel-desc p {
        font-size: 16px;
        line-height: 24px;
    }

    section.guided-by-principle-sec .panel.active .panel-desc {
        max-width: 364px;
    }
    section.guided-by-principle-sec .panel-desc {
        padding-top: 30px; 
    }
    section.guided-by-principle-sec .panel-slider-wrapper {
        padding: 0 30px;
    }
    .about-zig-zag-sec {
        padding: 80px 0;
    }
    .about-zig-zag-sec .wrap {
        padding: 0 30px;
    }
    .about-zig-zag-sec .wrap ul li:nth-child(odd) .left-side-col img {
        max-height: 550px;
    }

    .about-zig-zag-sec .wrap ul li:nth-child(odd) .right-side-col .aboutContnt {
        max-width: 94.1%;
    }

    .about-zig-zag-sec .wrap ul li .content p, .about-zig-zag-sec .wrap ul li .content span, .about-zig-zag-sec .wrap ul li .content li {
        font-size: 18px;
        line-height: 28px;
    }

    .about-zig-zag-sec .wrap ul li h3 {
        font-size: 38px;
    }
    .about-zig-zag-sec .wrap ul li:nth-child(even) .left-side-col img {
        max-height: 550px;
    }

    .about-zig-zag-sec .wrap ul li .heading-kicker {
        margin: 0 0 25px;
    }
    .about-zig-zag-sec .wrap ul li:nth-child(odd) {
        gap: 120px;
    }
    .clients-partners-sec {
        padding: 80px 0 0;
    }
    .clients-partners-sec .wrap {
        padding: 0 20px;
    }
    .clients-partners-sec .logo-section {
        margin-bottom: 65px;
    }
    .site-header .nav-holder a.logout-btn {
        width: 100px;
    }
    .about-zig-zag-sec .wrap ul li .heading-kicker span {
        font-size: 22px;
    }
    .clients-partners-sec .big-title {
        font-size: 38px;
    }
    .news-sec-home .news-inner-content h2{
        font-size: 38px;
    }
    .news-sec-home .news-inner-content p {
        font-size: 18px;
    }
    .about-hero .aboutTitle .big-title {
        font-size: 38px;
    }
}

@media (max-width: 1535.98px) {
    .needHelp-section .needHlp-content h2 {
        font-size: 38px;
    }
    .needHlp-content p  {
        font-size: 18px;
    }
    .magic-happens-section h2 {
        font-size: 38px;
    }
    .magic-happens-section .ss-content {
        font-size: 18px;
    }
    .news-sec-home .news-inner-content h2 {
        font-size: 38px;
    }
    .news-sec-home .news-inner-content p {
        font-size: 18px;
    }
    .banner-title-text-overlay h1 {
        font-size: 38px;
    }
    .bannerTitle a {
        font-size: 18px;
    }
    .bannr-menu ul li a {
        font-size: 16px;
    }
    .bannr-menu ul li {
        padding: 0 20px;
    }
    .discover-by-section .discover-by-list .title-btn-wrap span.title {
        font-size: 19px;
    }
    section.story-sec .story-grid .story-text h2 { 
        font-size: 38px;
    }
    section.story-sec .story-grid .story-text .caption, section.story-sec .story-grid .story-text .caption p, section.story-sec .story-grid .story-text .caption span {
        font-size: 18px;
    }
    section.story-sec .story-grid .single-line-text {
        font-size: 22px;
    }
    section.story-sec .story-grid .story-text {
        padding: 80px 80px 80px 30px;
    }
    .clients-partners-sec .big-title {
        font-size: 38px;
    }
}

@media (max-width: 1500px) {
  .about-hero {
    padding: 120px 40px 160px;
    gap: 80px;
  }

  .about-hero .bnrTtl {
    font-size: 22px;
  }

  .about-hero .adch-list,
  .about-hero .abt-bnr-list {
    gap: 44px;
  }

  .about-hero  .hero-arrow svg {
    width: 160px;
  }
  .about-hero .adch-list { 
      justify-content: flex-start;
   }

}

@media (max-width: 1450px) {
  .about-hero  .hero-arrow svg {
    width: 150px;
  }
  section.guided-by-principle-sec .panel.active .panel-content h3 {
    font-size: 60px;
  }
  section.guided-by-principle-sec .panel.active .panel-content p {
    font-size: 18px;
    line-height: 22px;
  }
  section.guided-by-principle-sec .panel-content h3 {
    font-size: 28px;
  }
  section.guided-by-principle-sec .panel-content p {
    font-size: 12px;
  }
  .clients-partners-sec .marquee-track li {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 1400px) {

	.page-template-template-home header.site-header, header.site-header  {
	    padding: 30px 60px !important;
	}
	.site-header .nav-holder a#open-search, .site-header .nav-holder a.logout-btn {
		font-size: 16px;
	}
	.site-header .nav-holder a.log-btn {
		font-size: 16px;
	}
	.site-header .nav-holder a img {
	    max-width: 14px;
	}
	.nav-holder {
		gap: 30px;
	}
	.nav-holder .logout-btn .fa, .nav-holder .logout-btn, .nav-holder .log-btn .fa, .nav-holder .log-btn {
		gap: 10px;
	}
	.site-header .logo-main-wrap a img.logo {
		max-width: 152px;
	}
	.site-header .logo-main-wrap {
		margin-left: 100px;
	}
	.site-header #open-nav {
		font-size: 16px;
	}
	.site-footer .bottom-part .brand-left-footer .footer-info-text .footer-logo-brand img {
	    max-width: 152px;
	}
	.site-footer .bottom-part .brand-left-footer .footer-info-text p {
		font-size: 16px;
	}
    .step-into-world {
        margin-bottom: 20px;
    }
    .magic-happens-section .magic-happens-wrap {
        gap: 50px;
    }
    a.applyBtn.desktop_filter_apply.border-btn-with-arrwow { 
        padding: 0 8px; 
    }
    section.contact-section {
        padding: 60px 30px;
    }
    body.slug-contact {
        padding-top: 100px;
    }
    .contact-info .text-holder p {
        font-size: 18px;
    }
    .contact-info {
        padding: 20px 0 20px;
    }
    .contact-info .boxes {
        margin-top: 0;
    }
    section.guided-by-principle-sec .panel-slider {
        height: 445px;
    }
    section.guided-by-principle-sec .panel-media {
        height: 235px;
    }


    section.guided-by-principle-sec .panel-desc p {
        font-size: 16px;
        line-height: 24px;
    }
    section.guided-by-principle-sec .panel-slider-wrapper .main-title h2 {
        font-size: 34px;
    }
    section.guided-by-principle-sec .panel-slider-wrapper .main-title {
        margin-bottom: 30px;
    }
    section.guided-by-principle-sec .panel-slider-wrapper {
        padding: 0 60px;
    }
    section.guided-by-principle-sec .panel-slider {
        height: 480px;
    }
    .about-zig-zag-sec .wrap ul li:nth-child(odd) {
        gap: 80px;
    }

    .about-zig-zag-sec .wrap ul li h3 {
        font-size: 32px;
    }
    .about-zig-zag-sec .wrap {
        padding: 0 60px;
    }
    .clients-partners-sec .wrap {
        padding: 0 60px;
    }
    .popup.search.search_popup {
        width: 85%;
        margin-right: 0;
    }
    .about-zig-zag-sec .wrap ul li .heading-kicker span {
        font-size: 18px;
    }
}




@media (max-width: 1200px) {
    .page-template-template-home header.site-header, header.site-header {
        padding: 30px 30px !important;
    }
    .site-footer .bottom-part .brand-left-footer .footer-info-text .footer-logo-brand img {
        max-width: 122px;
    }
    .site-footer .bottom-part .brand-left-footer .footer-info-text p {
        font-size: 14px;
        line-height: 18px;
    }
    .site-footer .bottom-part .brand-left-footer .footer-right-content {
    	gap: 20px;
    }
    .site-footer .bottom-part .brand-left-footer .footer-right-content .architect-text {
    	gap: 5px;
    }
    .booyom_manu {
    	gap: 20px;
    }
    .discover-by-section .discover-by-list {
        padding: 70px 30px 50px;
    }
    .discover-by-section .discover-by-list:after {
        font-size: 100px;
    }
    .step-into-world .sw-content h2 {
        font-size: 30px;
    }
    .discover-by-section {
        margin-top: 0;
    }
    .magic-happens-section .ss-link-btn {
        margin-top: 40px;
    }
    section.contact-section .contact-wrapper:after {
        width: 224px;
    }
    .contact-info .box h2 {
        font-size: 22px;
    }

    .contact-info .icon-holder img {
        width: 26px;
        position: relative;
        top: 7px;
    }
    .contact-info .text-holder p {
        font-size: 16px;
        line-height: 32px;
    }
    .contact-info .text-holder.contactHours p {
        line-height: 32px;
    }
    .contact-info .real-link {
        font-size: 16px !important;
    }
    .about-hero {
        padding: 100px 30px 140px;
        gap: 64px;
      }

      .about-hero .bnrTtl {
        font-size: 16px;
      }

      .about-hero .adch-list {
        gap: 36px;
      }

      .about-hero .abt-bnr-list {
        gap: 36px;
      }

     .about-hero  .hero-arrow svg {
        width: 65px;
      }
      section.story-sec .story-grid .story-text {
        padding: 60px 60px 60px 30px;
     }
    section.guided-by-principle-sec {
        padding: 60px 0;
    }
    section.guided-by-principle-sec .panel-slider-wrapper {
        padding: 0 30px;
    }
    .about-zig-zag-sec {
        padding: 60px 0;
    }
    .about-zig-zag-sec .wrap {
        padding: 0 30px;
    }

    .clients-partners-sec .marquee-track li {
        width: 60px;
        height: 60px;
      }
    .clients-partners-sec .wrap {
        padding: 0 20px;
    }
    .clients-partners-sec {
        padding: 60px 0 0;
    }
    .contact-info .boxes .box {
        width: 50%;
        float: right;
    }
    .contact-info .text-holder p {
        font-size: 18px;
    }
}

@media (max-width: 1032.98px) {
    .site-footer .bottom-part .bottom-footer .showroom-location-box.showroom_hours {
        justify-content: flex-start;
    }
}

@media (max-width: 1024.98px) {
  .clients-partners-sec  .logo-section {
    margin-bottom: 60px;
  }
  .clients-partners-sec .marquee-track {
        grid-template-columns: repeat(5, 1fr);
  }
}

@media (max-width: 991px) {
    @media screen and (orientation: landscape) {
        body {
            padding-top: 0px !important !important;
        }
    }
	.site-header .nav-holder a.log-btn {
        font-size: 14px;
    }
    .site-header .nav-holder a#open-search, .site-header .nav-holder a.logout-btn {
        font-size: 14px;
    }
    .site-header .logo-main-wrap a img.logo {
        max-width: 122px;
    }
    .site-header #open-nav {
        font-size: 14px;
    }
    .site-header .site-title #open-nav img {
    	max-width: 28px;
    }
    .popup-holder .popup .level .site-title img.logo {
	    max-width: 132px;
    }
    .discover-by-section .discover-by-list {
        gap: 50px;
    }
    .discover-by-section .discover-by-list {
        margin-bottom: 0;
    }
    .step-into-world .sw-content h4 {
        font-size: 18px;
    }
    .step-into-world {
        padding: 80px 0 0;
    } 
    a.border-btn-with-arrwow, a.btn-with-arrwow, span.btn-with-arrwow {
        font-size: 14px;
    }
    .third_sec {
        padding-top: 0px;
    }
    .needHlp-content {
        max-width: 100%;
    }
    .needHelp-section .needHlp-content h2 {
        max-width: 100%;
    }
    .needHelp-section {
        gap: 0;
    }
    .needHelp-section .needHlp-content .heading-kicker {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .magic-happens-section .magic-happens-wrap .mh-img img {
        height: 100%;
    }
    .magic-happens-section .heading-kicker {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 15px;
    }
    .magic-happens-section .magic-happens-wrap {
        flex-direction: column;
    }

    .magic-happens-section .magic-happens-wrap .spacious-showroom {
        max-width: 100%;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .magic-happens-section .ss-content {
        max-width: 100%;
        text-align: left;
    }
    .news-sec-home .news-inner-content {
        padding: 0 20px;
    }
    footer.site-footer .bottom-part {
        padding-top: 30px;
    }
    section.contact-section .contact-wrapper {
        flex-direction: column;
        gap: 40px;
        padding: 40px;
    }

    section.contact-section .contact-wrapper .contact-left {
        width: 100%;
    }

    section.contact-section .contact-wrapper .contact-right {
        width: 100%;
    }

    section.contact-section .contact-wrapper:after {
        display: none;
    }
    section.contact-section .contact-wrapper .contact-right .contact-image {
        width: 100%;
        display: flex;
    }

    section.contact-section .contact-wrapper .contact-right .contact-image img {
        width: 100%;
        height: 100%;
    }
    @media screen and (orientation: landscape) {
        .white_header.site-header.fixed, .white_header.site-header {
            position: fixed;
            margin: 0 !important;
        }
    }
    section.contact-section {
        padding: 60px 30px;
    }
    section.contact-section span.contact-title {
        margin-bottom: 20px;
    }
    section.contact-section .contact-wrapper .contact-left h1 {
        font-size: 32px;
    }
    section.contact-section .contact-wrapper .contact-left span.contact-desc {
        max-width: 100%;
    }
    section.contact-section .contact-wrapper .contact-left .contact-form {
        margin: 10px 0 0;
    }
    body.logged-in.slug-contact.customize-support {
        padding-top: 65px !important;
    }
    .contact-info .boxes {
        padding: 60px 0 20px;
    }
    .pp-scrollable.book-appoinment {
        padding: 40px 0 30px;
    }
    .pp-scrollable.here-guide {
        padding-bottom: 30px;
    }
      .about-hero {
    padding: 80px 24px 120px;
    gap: 48px;
  }

  .about-hero .aboutTitle {
    text-align: center;
  }

  .about-hero .aboutTitle .big-title {
    font-size: 32px;
    justify-content: center;
  }

  .about-hero .adch-list {
    flex-direction: column;
    gap: 32px;
  }

  .about-hero .abt-bnr-list {
    gap: 24px;
  }

   .about-hero .hero-arrow svg {
    width: 90px;
  }
    .about-hero .abt-bnr-list {
        flex-direction: column;
    }

    .about-banner-sec section.about-hero {
        padding: 40px 30px;
    }

    .about-hero .abt-bnr-list span.hero-arrow {
        transform: rotate(90deg);
        width: 30%;
        position: relative;
        top: 13px;
    }
    .about-hero .hero-arrow svg {
        width: 90% !important;
    }
    section.story-sec .story-grid {
        flex-direction: column-reverse;
    }

    section.story-sec .story-grid .story-text {
        width: 100%;
    }

    section.story-sec .story-grid .story-image {
        width: 100%;
    }

    section.story-sec .story-grid .story-text {
        padding: 60px 30px;
    }

    section.guided-by-principle-sec .panel-slider {
      flex-direction: column;
      height: auto;
    }

    section.guided-by-principle-sec .panel {
      height: 260px;
    }

    section.guided-by-principle-sec .panel.active {
      flex: 1;
    }

    section.guided-by-principle-sec .panel-content h3 {
      font-size: 22px;
    }
    section.guided-by-principle-sec .panel {
        height: auto;
    }

    section.guided-by-principle-sec .panel {
        height: 100%;
    }

    section.guided-by-principle-sec .panel-media::after {
    }

    section.guided-by-principle-sec .panel-media {
        height: auto;
        min-height: auto;
    }

    section.guided-by-principle-sec .panel-media {
        height: auto;
        min-height: auto;
    }

    section.guided-by-principle-sec .panel.active .panel-media img {
        transform: unset;
        height: 100%;
        display: flex;
        object-fit: cover;
    }
    section.guided-by-principle-sec .panel.active {
        flex: 1;
    }
    section.guided-by-principle-sec .panel-content h3 {
        font-size: 60px;
    }
    section.guided-by-principle-sec .panel-media img { 
        display: flex;
        flex: 1;
    }
    section.guided-by-principle-sec .panel-slider {
        gap: 30px;
    }
    section.guided-by-principle-sec .panel-desc p {
        font-size: 18px;
        line-height: 26px;
    }
    section.guided-by-principle-sec .panel-slider-wrapper .main-title h2 {
        font-size: 28px;
        line-height: 1.2;
    }
    section.guided-by-principle-sec .panel .panel-desc, section.guided-by-principle-sec .panel.active .panel-desc {
        max-width: 100%;
    }
    .about-zig-zag-sec .wrap ul li {
        flex-direction: column;
        gap: 40px;
    }

    .about-zig-zag-sec .wrap ul li:nth-child(odd), .about-zig-zag-sec .wrap ul li:nth-child(even) {
        gap: 40px;
    }

    .about-zig-zag-sec .wrap ul li:nth-child(odd) .left-side-col {
        width: 100%;
    }

    .about-zig-zag-sec .wrap ul li:nth-child(odd) .right-side-col {
        width: 100%;
    }

    .about-zig-zag-sec .wrap ul {
        gap: 40px;
    }

    .about-zig-zag-sec .wrap ul li:nth-child(even) {
        flex-direction: column;
    }

    .about-zig-zag-sec .wrap ul li:nth-child(even) .left-side-col {
        width: 100%;
    }

    .about-zig-zag-sec .wrap ul li:nth-child(even) .right-side-col {
        width: 100%;
    }

    .about-zig-zag-sec .wrap ul li:nth-child(odd) .right-side-col .aboutContnt {
        max-width: 100%;
    }

    .about-zig-zag-sec .wrap ul li:nth-child(even) .right-side-col .aboutContnt {
        max-width: 100%;
    }
    .about-zig-zag-sec .wrap ul li .content {
        margin: 23.34px 0 0;
    }
    .about-zig-zag-sec .wrap ul li .heading-kicker {
        margin: 0 0 20px;
    }
    .clients-partners-sec .marquee {
        width: calc(100% - 45px);
    }
    .site-header .nav-holder {
        gap: 15px !important;
    }
    .page-template-template-home header.site-header.fixed, header.site-header.fixed, .white_header.site-header.fixed, .slug-our-collections .site-header.fixed, .slug-about-us .site-header.fixed {
        padding: 10px !important;
    }
 /*   .site-header .nav-holder a.log-btn {
        width: 70px;
    }*/
    section.story-sec .story-grid .single-line-text {
        margin: 20px 0 0;
    }
    .aboutTitle.page-title {
        margin-top: 0;
    }
    .about-banner-sec section.about-hero {
        padding: 60px 20px;
    }
    .clients-partners-sec .big-title {
        font-size: 28px;
        line-height: 1.2;
    }
    .news-sec-home .news-inner-content h2{
        font-size: 28px;
        line-height: 1.2;
    }
    .about-zig-zag-sec .wrap ul li h3 {
        font-size: 28px;
        line-height: 1.2;
    }
    .about-zig-zag-sec .wrap ul li .content br {
        display: none;
    }
    .about-hero .aboutTitle .big-title {
        font-size: 28px;
        line-height: 1.2;
    }
    body.logged-in.slug-request-quote .quote-form.quote-form-new .row.py-5 {
        padding-top: 20px !important;
    }
    section.guided-by-principle-sec .panel-slider {
        gap: 45px;
    }
    section.guided-by-principle-sec .panel-desc {
        padding-top: 10px;
    }
    .about-zig-zag-sec .wrap ul {
        gap: 45px;
    }
    .about-zig-zag-sec .wrap ul li {
        border-bottom: 1px dashed #000;
        padding-bottom: 40px;
    }
    .about-zig-zag-sec .wrap ul li:nth-child(odd), .about-zig-zag-sec .wrap ul li:nth-child(even) {
        gap: 25px;
    }
    .about-zig-zag-sec .wrap ul li:last-child {
        border-bottom: unset;
        padding-bottom: 0;
    }
    footer.site-footer .bottom_text {
        padding: 20px 24px 17px;
    }
    .about-zig-zag-sec {
        padding: 0 0 60px;
    }
}

@media (max-width: 991.98px) {
    .summarized-view .summarized-group ul li:hover .hover-sizes {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }

    .summarized-view .summarized-group ul li.active .hover-sizes {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }
    .summarized-view .summarized-group ul li {
        position: relative;
    }
    .summarized-view .tooltip-icon-mobile {
        width: 25px;
        height: 25px;
        position: absolute;
        top: 6px;
        right: 6px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #000000;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        line-height: 20px;
        border-radius: 50%;
        cursor: pointer;
        z-index: 20;
    }
}

@media (max-width: 900.98px) {
    .contact-info .icon-holder {
        padding-right: 0;
        margin-bottom: 10px;
    }
}

@media (max-width: 770px) {
    .share-holder.summarized_main .browse-by-product.switch {
        padding-top: 0;
    }
    .summarized_main .switch {
        display: none;
    }
    .tax-product_collection .show-for-mobile .block-header-title-collection h1.big-title {
        margin-bottom: 15px !important;
    }
    .show-for-mobile .browse-by-product.switch {
        justify-content: flex-start;
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {

	.page-template-template-home header.site-header, header.site-header  {
        padding: 20px 20px !important;
    }
    .site-header .logo-main-wrap {
        margin-left: 40px;
    }
    .site-header #open-nav {
        font-size: 0;
    } 
    .site-header .nav-holder a#open-search, .site-header .nav-holder a.logout-btn {
        font-size: 0;
    }
    .site-footer .bottom-part .brand-left-footer .footer-right-content .showroom-hours-box p {
    	line-height: 24px;
    }
    .site-footer .bottom-part .bottom-footer .showroom-location-box.showroom_hours {
    	display: block;
    }
    .bottom_text .copyright-area {
    	display: block;
    }
    .booyom_manu {
    	flex-wrap: wrap;
    }
    .bottom_text .copyright-area {
    	padding: 0;
    }
    .popup-holder .popup .level .site-title img.logo {
        max-width: 112px;
    }
    .brand-left-footer .footer-right-content .architect-text span {
    	display: inline-grid;
    	align-items: center;
    	gap: 0;
	}
	.site-footer .bottom-part .brand-left-footer .footer-right-content .architect-text span, .site-footer .bottom-part .brand-left-footer .footer-right-content .architect-text span a {
		line-height: 20px;
	}
	.site-footer .bottom-part .brand-left-footer .footer-right-content {
		margin-block: 20px;
	}

    .ftr-social-icon {
        margin-top: 20px;
    }

    .bottom-footer .ph_add {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .step-into-world .sw-content h2 {
        font-size: 28px;
    }
    .step-into-world .sw-content h4 {
        padding-left: 10px; 
        padding-right: 20px;
    }
    .needHelp-section .needHlp-content h2 {
        font-size: 24px;
    }
    .needHlp-content .sub-heading {
        font-size: 20px;
    }
    .needHlp-content .content p {
        font-size: 16px;
        line-height: 26px;
    }
    .magic-happens-section h2 {
        font-size: 24px;
    }
    .magic-happens-section .ss-content {
        font-size: 16px;
        line-height: 26px;
    }
    .banner-title-text-overlay h1 {
        font-size: 26px;
        line-height: 1.2;
    }
    .bannr-menu ul li a {
        font-size: 14px;
    }
    .site-footer .copyright p {
        text-align: left !important;
    }
    body.logged-in.slug-contact.customize-support {
        padding-top: 40px !important;
    }
    body.slug-contact {
        padding-top: 80px !important;
    }
    section.contact-section .contact-wrapper {
        padding: 20px;
    }

    section.contact-section {
        padding: 60px 20px;
    }
    .contact-info {
        padding: 0 0 30px;
    }
    .needHelp-section {
        height: auto;
    }
    .magic-happens-section {
        padding: 70px 0;
    }
      .about-hero {
    padding: 64px 20px 100px;
    gap: 40px;
  }

  .about-hero .aboutTitle .big-title {
    letter-spacing: 1.5px;
  }

  .about-hero .bnrTtl {
    font-size: 18px;
  }

  .about-hero .abt-bnr-list {
    flex-direction: column;
    gap: 14px;
  }

  .hero-arrow {
    transform: rotate(90deg);
  }

  .hero-arrow svg {
    width: 60px;
  }
  .about-banner-sec section.about-hero {
    margin-top: 0;
  }
  section.guided-by-principle-sec .panel-slider-wrapper {
        padding: 0 20px;
  }
  .about-zig-zag-sec .wrap {
        padding: 0 20px;
  }

    .clients-partners-sec {
        padding: 60px 0 0;
      }

  .clients-partners-sec .wrap {
    padding: 0 20px;
  }

  .clients-partners-sec .marquee-track li {
    width: 80px;
    height: 80px;
    margin: 0 auto;
  }
  .clients-partners-sec .marquee-track {
        grid-template-columns: repeat(2, 1fr);
  }
 
    .popup.search.search_popup {
        width: 100%;
        margin: 0 auto;
    }

    .site-header .nav-holder a.logout-btn {
        width: auto;
    }
    section.story-sec .story-grid .story-text {
        padding: 60px 20px;
    }
    .contact-info .boxes .box {
        width: 100%;
        float: unset;
    }
    .related_listing_wrap h4 {
        font-size: 32px;
        line-height: 1.8;
    }
    .block-header-title-collection .big-title {
        font-size: 28px;
    }
    .related_listing_wrap h4 {
        line-height: 1.2;
    }
    section.story-sec .story-grid .story-image {
        padding-top: 45px;
    }
    .share-holder.summarized_main .share-box ul {
        display: flex;
    }
}

@media (max-width: 767.98px) {
    .site-header .nav-holder #open-search {
        margin-right: 0 !important;
    }
}

@media (max-width: 750px) {
    .block-header-title-product h1.big-title {
        font-size: 24px;
    }
}

@media (max-width: 575px) {

	.site-header .logo-main-wrap {
        margin-left: 0;
    }
    .site-header .logo-main-wrap a img.logo {
        max-width: 100px;
    }
    .site-footer .bottom-part .bottom-footer .showroom-location-box.showroom_hours .ftr-ph {
        flex-wrap: wrap;
    }
    .discover-by-section .discover-by-list .title-btn-wrap span.title {
        font-size: 20px;
    }
    .magic-happens-section .ss-link-btn {
        margin-top: 10px;
    }
    a.btn-with-arrwow {
        padding: 20px 24px;
    }
    .news-sec-home .news-inner-content h2 {
        font-size: 32px;
        line-height: 1.2;
    }
    .bannr-menu ul li a {
        font-size: 12px;
    }
    section.contact-section .contact-wrapper .contact-left h1 {
        font-size: 24px;
    }
    section.contact-section .contact-wrapper .contact-left span.contact-desc {
        font-size: 16px;
        line-height: 24px;
    }
    section.contact-section .contact-wrapper {
        padding: 30px;
    }
    section.contact-section span.contact-title {
        font-size: 28px;
    }
    section.contact-section .contact-wrapper .contact-left .contact-form form .contact-full-form .input, .contact-form .input-holder .describe_yourself, .contact-form .input-holder .hear_about, .contact-form .input-holder textarea.comment-area {
        font-size: 18px;
    }
    section.story-sec .story-grid .story-text h2 { 
        font-size: 32px;
        line-height: 1.2;
    }
    section.guided-by-principle-sec .panel-desc p {
        font-size: 16px;
        line-height: 24px;
    }
    section.guided-by-principle-sec .panel-slider-wrapper {
        padding: 0 30px;
    }
    section.guided-by-principle-sec .panel .panel-content h3, section.guided-by-principle-sec .panel.active .panel-content h3 {
        font-size: 40px;
    }
    section.guided-by-principle-sec .panel-slider-wrapper .main-title h2 {
        font-size: 22px;
        line-height: 1.2;
    }
    .clients-partners-sec .big-title {
        font-size: 32px;
        line-height: 1.2;
    } 
    section.guided-by-principle-sec .panel-slider-wrapper {
        padding: 0 20px;
    }
    .clients-partners-sec .big-title {
        font-size: 22px;
    }
    .news-sec-home .news-inner-content h2 {
        font-size: 22px;
    }
    .about-zig-zag-sec .wrap ul li h3 {
        font-size: 22px;
    }
    .about-hero .aboutTitle .big-title {
        font-size: 22px;
    }
    .slug-favorites .project-list-page h1 {
        font-size: 22px;
    }
    .slug-request-quote .quote-form h1 {
        font-size: 22px;
    }
    .slug-request-quote .quote-form .lead {
        font-size: 18px;
        line-height: 36px;
    }
    .slug-request-quote .card-header .collapsible-link.btn {
        font-size: 16px;
    }
    .related_listing_wrap h4 {
        font-size: 24px;
    }
    a.border-btn-with-arrwow, span.border-btn-with-arrwow, a.applyBtn.desktop_filter_apply, .add-to-project .btn {
        font-size: 12px !important;
    }
    a.btn-with-arrwow {
        padding: 20px 15px;
    }
}

@media (max-width: 500.98px) {
    .contact-info .box h2 {
        margin-bottom: 5px;
    }
    .contact-info .contact-list .address-box {
        gap: 15px;
    }
}

@media (max-width: 481.98px) {
   .needHelp-section {
        padding-top: 50px;
    }
    .third_sec {
        padding-top: 50px;
    }
    .slug-terms-and-conditions .page-title .big-title, .slug-privacy-policy .page-title .big-title {
        font-size: 30px;
    }
    .share-holder.summarized_main .browse-by-product.switch .browse-title {
        font-size: 16px;
    }

    .share-holder.summarized_main .browse-by-product.switch label {
        width: 50px;
        height: 25px;
    }

    .share-holder.summarized_main .browse-by-product.switch label::before {
        width: 17px;
        height: 17px;
    }
    .share-holder.summarized_main .browse-by-product.switch {
        justify-content: flex-start;
    }
}

@media (max-width: 480px) {
  .about-hero {
    padding: 56px 16px 80px;
  }

  .about-hero .aboutTitle .big-title {
    font-size: 22px;
  }

  .about-hero .bnrTtl {
    font-size: 16px;
  }

  .hero-arrow svg {
    width: 48px;
  }
  .about-zig-zag-sec a.btn-with-arrwow {
    padding: 20px 14px;
  }

  .clients-partners-sec  .marquee-track li {
    width: 70px;
    height: 70px;
  }
  section.story-sec .story-grid .story-text .caption, section.story-sec .story-grid .story-text .caption p, section.story-sec .story-grid .story-text .caption span {
    font-size: 16px;
  }
}

@media (max-width: 422px) {
    .site-footer .bottom-part .brand-left-footer .footer-right-content .architect-text {
        width: 100%;
        text-align: left;
    }

    .site-footer .bottom-part .brand-left-footer .footer-right-content .architect-text span {
        text-align: left;
    }
}

@media (max-width: 410px) {
    section.story-sec .story-grid .single-line-text {
        font-size: 20px;
    }
    .share-holder.summarized_main .browse-by-product.switch {
        gap: 7px;
    }
}

@media (max-width: 380px) {
    section.story-sec .story-grid .single-line-text {
        font-size: 19px;
    }
}

@media (max-width: 363px) {
    section.story-sec .story-grid .single-line-text {
        font-size: 18px;
    }
}

@media (max-width: 360px) {
    .share-box li {
        width: 43px;
        height: 45px;
    }
}


@media (min-width: 1499px) and (max-width: 2030px) {
    .magic-happens-section .magic-happens-wrap {
        padding-top: 144px !important;
    }
    .page-template-template-home.logged-in .magic-happens-section .magic-happens-wrap {
        padding-top: 68px !important;
    }
}

@media (min-width: 992px) {
    .summarized-view .tooltip-icon-mobile {
        display: none;
    }
}

@media (min-width: 991px) and (max-width: 1720px) {
    section.guided-by-principle-sec { 
        padding-bottom: 120px;
    }
}

@media (min-width: 991px){
    section.here-guide {
        padding-top: 92px !important;
    }
}

@media (min-width: 798px) {
  .about-hero .adch-list {
    flex-wrap: nowrap;
  }
}

@supports (-moz-appearance: none) {
  @media (max-width: 767px) and (orientation: landscape) {
    .white_header.site-header.fixed,
    .white_header.site-header {
      margin-bottom: 80px !important;
    }
  }
}

@supports (-moz-appearance: none) {
  @media (max-width: 767.98px) and (orientation: landscape) {
    body {
      padding-top: 150px !important;
    }

    body.logged-in,
    body.slug-request-quote {
      padding-top: 110px !important;
    }
  }
}


@supports (-moz-appearance: none) {
  @media (max-width: 991px) and (orientation: landscape) {
    .white_header.site-header.fixed,
    .white_header.site-header {
      position: inherit;
      margin: 0 !important;
      margin-bottom: 40px !important;
    }
  }
}