@media (min-width: 1921px) {
  .hp-banner-section {
    min-height: 90vh;
  }
  .hp-banner-section .max-1920 {
    padding-top: 25rem;
    padding-bottom: 32rem;
  }
}

@media (max-width: 1920px) {
  html {
    font-size: 0.522vw;
  }
}


@media (min-width: 1024px) {
  /* First level dropdown */
ul#menu-header-menu li.menu-item-has-children:hover > ul.sub-menu {
  display: block;
}

/* Second level dropdown */
ul#menu-header-menu li.menu-item-has-children ul.sub-menu li.menu-item-has-children:hover > ul.sub-menu {
  display: block;
}
}
@media (max-width: 1024px) {
  html {
    font-size: 0.62vw;
  }
  .hide-1024 {
    display: none !important;
  }
  .show-1024 {
    display: block !important;
  }
  .show-1024.flex,
  .show-1024.flex-box {
    display: flex !important;
  }
  .full-width-1024 {
    width: 100% !important;
  }
  .container,
  .container.small-container {
    width: 97%;
  }
  .section-heading br,
  p br,
  h2 br {
    display: none;
  }
  .full-width-slider {
    width: 100%;
  }
  .lg-text-center {
    text-align: center;
  }
  .lg-mt-1 {
    margin-top: 1rem;
  }
  .lg-mt-2 {
    margin-top: 2rem;
  }
  .lg-mt-3 {
    margin-top: 3rem;
  }
  .lg-mt-4 {
    margin-top: 4rem;
  }
  .lg-mt-5 {
    margin-top: 5rem;
  }
  .lg-mt-6 {
    margin-top: 6rem;
  }
  .lg-mt-7 {
    margin-top: 7rem;
  }
  .lg-mt-8 {
    margin-top: 8rem;
  }
  .lg-mt-9 {
    margin-top: 9rem;
  }
  .lg-mt-10 {
    margin-top: 10rem;
  }
  .lg-grid {
    display: grid;
  }
  .lg-grid-col-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .lg-grid-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .lg-grid-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .lg-grid-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .lg-grid-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .lg-grid-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .lg-flex {
    display: flex;
    flex-wrap: wrap;
  }
  .lg-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .lg-justify-center {
    justify-content: center;
  }
  .lg-justify-start {
    justify-content: flex-start;
  }
  .lg-justify-end {
    justify-content: flex-end;
  }
  .ope-banner-popup-inner {
    max-width: calc(100vw - 20px);
  }
  .catalog-popup-form .ope-banner-popup-inner {
    min-width: 70vw;
  }
  /* ------------------------------------ */
  /* ------------- Header START --------- */
  /* ------------------------------------ */
  header .header-inner {
    width: 100%;
    padding: 10px 15px;
  }
  header .mobile-drawer {
    position: fixed;
    width: 100%;
    height: 100%;
    min-width: 100vw;
    min-height: 100vh;
    left: -120%;
    top: 0;
    background-color: #b5d5fe;
    transition: all 0.4s ease;
    z-index: 10;
  }
  header.open .mobile-drawer {
    left: 0;
  }
  .header-logo {
    width: max-content;
    max-width: 50%;
    margin: 0 auto;
  }
  header .open-menu {
    display: flex;
    width: 40px;
    height: 27px;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }
  header .open-menu span,
  header .close-menu span {
    display: inline-block;
    width: 100%;
    height: 1.5px;
    border-radius: 15px;
    background-color: #2475dd;
  }
  header .open-menu span:nth-of-type(2) {
    width: 80%;
    margin-left: auto;
  }
  .mobile-drawer .drawer-inner {
    display: block;
    padding: 10rem 3rem 5rem 3rem;
    height: 100%;
    overflow-y: auto;
    position: relative;
  }
  .header-menu > ul {
    display: block;
    text-align: center;
  }
  .header-menu ul li a {
    padding: 2rem 0;
    border-bottom: 1px solid #84b4f3;
    display: block;
  }
  .header-menu a,
  .mobile-drawer .btn-box a {
    font-size: 2.6rem;
  }
  .mobile-drawer .btn-box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 2rem;
    margin-top: 6rem;
  }
  header .close-menu {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 3rem;
    right: 3rem;
  }
  header .close-menu span:first-of-type {
    transform: rotate(46deg);
  }
  header .close-menu span:last-of-type {
    transform: rotate(-46deg) translateY(-17px) translateX(17px);
  }

  /* new css dropdown */
ul#menu-header-menu li ul.sub-menu {
  position: static;
  width: 100%;
  background: #b5d5fe;
  border-radius: 0;
  margin-top: 0;
  padding-bottom: 0;
}
ul#menu-header-menu li ul.sub-menu li {
  background: #b5d5fe;
  border-radius: 0 !important;
  padding: 2rem 0 2rem 5rem !important;
  border-bottom: 1px solid #999999;
}
ul#menu-header-menu li ul.sub-menu li a {
  margin-left: 0;
  line-height: 1;
}
ul#menu-header-menu li ul.sub-menu li:first-child {
  padding-top: 2rem;
}
ul#menu-header-menu > li.active::after {
  transform: rotate(180deg) , translateY(-100%);
}
.header-box nav ul li a{display: block;}
  
ul#menu-header-menu li.menu-item-has-children::after {
  top: 6rem;
  width: 1.7rem;
    height: 1.2rem;
}
ul#menu-header-menu ul.sub-menu > li.menu-item-has-children::after {
  width: 1.7rem;
  height: 1.2rem;
}
ul#menu-header-menu ul.sub-menu li a {
  color: #000;
}
ul#menu-header-menu ul.sub-menu > li::before {
  display: none;
}
ul#menu-header-menu li ul.sub-menu li a {
  border: 0;
}
ul#menu-header-menu li ul.sub-menu li:last-child {
  border: 0;
  padding-bottom: 0 !important;
}

ul#menu-header-menu li.menu-item-has-children::after {
  top: 6rem;
}
ul#menu-header-menu ul.sub-menu > li.menu-item-has-children::after {
  width: 1.7rem;
  height: 1.2rem;
}
ul#menu-header-menu ul.sub-menu li a {
  color: #000;
}
ul#menu-header-menu ul.sub-menu > li::before {
  display: none;
}
ul#menu-header-menu li ul.sub-menu li a {
  border: 0;
}
ul#menu-header-menu li ul.sub-menu li:last-child {
  border: 0;
  padding-bottom: 0 !important;
}
ul#menu-header-menu ul.sub-menu > li > ul.sub-menu {
  padding-left: 0;
  background-color: #dfe9f6;
  padding-right: 0;
  left: 0;
}
ul#menu-header-menu ul.sub-menu > li > ul.sub-menu li {
  background-color: #dfe9f6;
  padding-left: 4rem !important;
}
ul#menu-header-menu ul.sub-menu > li > ul.sub-menu li a {
  padding: .5rem 0;
}
ul#menu-header-menu ul.sub-menu > li > ul.sub-menu > li::after {
  left: 1rem;
}
ul#menu-header-menu ul.sub-menu > li.menu-item-has-children::after{top: 4rem;}
ul#menu-header-menu li ul.sub-menu li:hover a{color: #000;}
ul.sub-menu{box-shadow:none !important}

  /* ------------------------------------ */
  /* ------------- HOMEPAGE START --------- */
  /* ------------------------------------ */
  .section-top-wave::before,
  .section-bottom-wave::after {
    background-repeat: no-repeat !important;
  }
  .hp-whyus-section .inner::before,
  .hp-whyus-section .inner::after {
    display: none;
  }
  .hp-cat-section .vector-1 {
    width: 15rem;
    height: 15rem;
  }
  .hp-cat-section .vector-2 {
    top: -10rem;
  }
  .flip-card {
    width: 49rem;
    height: 49rem;
  }
  /* ------------------------------------ */
  /* ------------- OPE PAGE START --------- */
  /* ------------------------------------ */
  .ope-related-toys-wrapper .slider-arrows {
    display: flex;
    justify-content: center;
    margin-top: 8rem;
  }
  .ope-related-toys-wrapper .circle-slider-arrow {
    position: static;
    transform: none;
    margin: 0 5px;
  }
  .ope-slides-listing-section .sidebar {
    width: 100%;
    max-width: 60rem;
    margin: 25rem auto 0 auto;
  }
  .ope-sidebar-form .form-emoji {
    top: -16rem;
  }
  .ope-slides-listing-section .sticky {
    padding-bottom: 0;
  }
  .ope-related-toys-section .section-heading .vector {
    right: -10rem;
  }

  /* ---------------------------------------------- */
  /* ---------- PRODUCT DETAIL PAGE START --------- */
  /* ---------------------------------------------- */
  .detail-intro-section .sidebar::after {
    height: 23rem;
    width: 36rem;
  }
  .detail-intro-section .sidebar video {
    height: 70rem;
  }
  .ope-slides-listing-section.detail-intro-section .sidebar {
    margin-top: 10rem;
  }
  .detail-intro-form-box form .flex-box {
    justify-content: center;
  }
  .detail-intro-form-box form .flex-1 {
    flex: none;
    width: 100%;
    margin-bottom: 3rem;
    justify-content: space-between;
  }
  .related-toys-section {
    clip-path: ellipse(140% 100% at 50% 100%);
  }
  .related-toy-item .img-box {
    height: 40rem;
  }
  /* ---------------------------------------------- */
  /* ---------- PRODUCT LISTING PAGE START --------- */
  /* ---------------------------------------------- */
  .listing-banner-section {
    padding: 15rem 0 18rem 0;
  }
  .listing-banner-section .thumb-box {
    max-width: 800px;
    margin: 8rem auto 0 auto;
  }
  .listing-banner-section .vector-1 {
    top: -10rem;
    left: 2rem;
  }
  .listing-banner-section .vector-2 {
    bottom: -15rem;
  }
  .listing-banner-section .vector-3 {
    top: 10rem;
    left: unset;
    right: 4rem;
  }
  /* --------------------------------------- */
  /* ---------- CONTACT PAGE START --------- */
  /* --------------------------------------- */
  .contact-banner-section .section-heading {
    max-width: 100%;
  }
  .contact-banner-section .img-box {
    margin: 0 auto;
  }
  .contact-banner-section .vector-1 {
    left: 2rem;
  }
  .contact-banner-section .vector-2 {
    right: 45%;
  }
  .contact-main-section .vector-1,
  .contact-main-section .vector-2 {
    position: absolute;
  }
  .contact-main-section .vector-1 {
    left: -8rem;
    width: 15rem;
    bottom: 0;
  }
  .contact-main-section .section-heading h5 {
    max-width: 90%;
    min-width: 50rem;
    margin: 0 auto 5rem auto;
  }
  .contact-main-section .vector-2 {
    right: -8rem;
    top: 0;
  }
  /* --------------------------------------- */
  /* ---------- EVENTS PAGE START ---------- */
  /* --------------------------------------- */
  .events-listing-section .wrapper {
    flex-direction: column-reverse;
    align-items: center;
  }
  .events-listing-section .sidebar {
    max-width: 50rem;
    margin: 10rem auto 0 auto;
  }
  /* ------------------------------------------------- */
  /* ------------- PLAYROOM SETUP PAGE START --------- */
  /* ------------------------------------------------- */
  .ps-banner-highlights-box .inner {
    flex-direction: column;
    gap: 4rem;
  }
  .ps-banner-usps {
    flex: unset;
    width: 100%;
    border-radius: 2rem;
  }
  .ps-price-box {
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: 2rem;
  }
  /* ------------------------------------ */
  /* ------- INFRASTRUCTURE PAGE -------- */
  /* ------------------------------------ */
  .infra-about-usp-box {
    padding: 12rem 10rem;
    background-color: #fee2cd;
    border-radius: 5rem;
    margin-top: 23rem;
  }
  .infra-about-usp-box .grass {
    transform: none;
    top: -15.5rem;
  }
  .infra-about-usp-box .tortoise {
    width: 18rem;
    top: -10rem;
  }
  .infra-about-usp-box .tree {
    left: 0rem;
    bottom: -6rem;
    width: 13rem;
  }
  .infra-about-usp-box .flower {
    width: 38rem;
    right: 2rem;
    bottom: 0rem;
  }

  .infra-capabilities-slider-wrapper,
  .infra-glimpse-slider-wrapper {
    padding: 0;
  }
  /* ----------- FAQ PAGE --------- */
  .faq-sidebar ul {
    display: flex;
    overflow-x: auto;
    justify-content: flex-start;
    align-items: center;
    padding: 3rem 0;
    border-top: 1px solid #f1a991;
    border-bottom: 1px solid #f1a991;
  }
  .faq-sidebar a {
    border-bottom: 0;
    padding: 0 3rem;
    border-left: 1px solid #f1a991;
    white-space: nowrap;
  }
  .faq-sidebar li:last-child a {
    border-right: 1px solid #f1a991;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 0.78vw;
  }
  h2 {
    line-height: 1.2;
  }
  .hide-768 {
    display: none !important;
  }
  .show-768 {
    display: block !important;
  }
  .show-768.flex,
  .show-768.flex-box {
    display: flex !important;
  }
  .full-width-768 {
    width: 100% !important;
  }
  .full-width-768.description {
    margin-top: 3rem;
  }
  .md-flex {
    display: flex;
    flex-wrap: wrap;
  }
  .container,
  .container.small-container {
    width: 100%;
  }
  .full-width-slider {
    width: 100%;
    padding-left: 15px;
  }
  .md-text-center {
    text-align: center;
  }
  .md-mt-0 {
    margin-top: 0;
  }
  .md-mt-1 {
    margin-top: 1rem;
  }
  .md-mt-2 {
    margin-top: 2rem;
  }
  .md-mt-3 {
    margin-top: 3rem;
  }
  .md-mt-4 {
    margin-top: 4rem;
  }
  .md-mt-5 {
    margin-top: 5rem;
  }
  .md-mt-6 {
    margin-top: 6rem;
  }
  .md-mt-7 {
    margin-top: 7rem;
  }
  .md-mt-8 {
    margin-top: 8rem;
  }
  .md-mt-9 {
    margin-top: 9rem;
  }
  .md-mt-10 {
    margin-top: 10rem;
  }
  .md-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md-grid {
    display: grid;
  }
  .md-grid-col-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .md-grid-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .md-grid-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .md-grid-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .md-grid-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .md-grid-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .btn {
    font-size: 2.5rem;
  }
  .md-justify-center {
    justify-content: center;
  }
  .md-justify-start {
    justify-content: flex-start;
  }
  .md-justify-end {
    justify-content: flex-end;
  }

  /* ------------- FOOTER ------------- */
  .footer-menu-col {
    width: 100%;
    border-left: 0;
    padding: 0;
  }
  .footer-menu-col:last-of-type {
    border-right: 0;
  }
  .footer-accordion-body {
    display: none;
  }
  .footer-m-accordion h6 {
    padding: 3rem 0;
    position: relative;
  }
  .footer-m-accordion h6::after {
    content: "";
    position: absolute;
    top: 3.5rem;
    right: 0;
    width: 3rem;
    height: 3rem;
    background: url("../img/dropdown-arrow-black.png") no-repeat center;
    background-size: contain;
    transition: all 0.4s ease;
  }
  .footer-m-accordion h6.open::after {
    transform: rotate(-180deg);
  }
  .footer-m-accordion {
    margin-top: 0;
    border-bottom: 1px solid #888888;
  }
  .footer-menu-box ul {
    padding-bottom: 4rem;
    padding-top: 0;
  }
  .footer-city-box {
    text-align: center;
  }
  .footer-city-box ul {
    justify-content: center;
  }
  .footer-social-box {
    border-top: 0;
    padding-top: 0;
  }
  .footer-bottom {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    text-align: center;
  }

  /* ------------------------------------ */
  /* ------------- HOMEPAGE START --------- */
  /* ------------------------------------ */
  .hp-banner-section .max-1920 {
    padding-top: 15rem;
  }
  .hp-banner-section .content-box {
    position: relative;
    top: unset;
    left: unset;
    margin: 5rem auto 0 auto;
    max-width: 90rem;
  }
  .hp-banner-section .line-1,
  .hp-banner-section .line-2 {
    padding-left: 0;
  }
  .hp-floating-banner-icon.banner-icon-1 {
    right: 10rem;
    top: -12rem;
  }
  .hp-floating-banner-icon.banner-icon-3 {
    top: 4rem;
    left: 20px;
  }
  .hp-intro-section .bg-box img,
  .hp-intro-section .bg-box video,
  .hp-intro-section .content-box {
    min-height: 100rem;
    height: 80vh;
  }
  .hp-intro-section .bg-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  .hp-intro-section .content-box {
    position: relative;
    z-index: 2;
    padding-top: 20rem;
    /* display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 20vh; */
  }
  .hp-cat-listing {
    display: block;
  }
  .hp-playroom-setup .text-box {
    background: linear-gradient(
      to right,
      rgba(255, 228, 207, 0.8),
      rgba(255, 228, 207, 0.4),
      rgba(255, 228, 207, 0.1),
      rgba(255, 228, 207, 0)
    );
  }
  .md-slider-2-col .slick-track {
    display: flex;
  }
  .md-slider-2-col .slick-list {
    margin: 0 -2rem;
  }
  .md-slider-2-col .slick-slide {
    height: inherit;
    margin: 0 2rem;
  }
  .md-slider-2-col .slick-slide > div,
  .hp-cat-listing-item {
    height: 100%;
  }
  .hp-whyus-usp {
    order: 2;
    grid-gap: 5rem;
    margin-top: 5rem;
  }
  .hp-whyus-usp li {
    margin-top: 0;
  }
  .hp-showreel-section video {
    min-height: 70rem;
  }
  .hp-quality-section .vector {
    width: 14rem;
    height: 12rem;
    top: -11rem;
  }
  .flip-card {
    width: 46vw;
    height: 46vw;
  }
  .hp-quality-card .flip-card-front::before,
  .hp-quality-card .flip-card-front::after {
    display: none !important;
  }
  .hp-seo-section .section-heading {
    padding-top: 15rem;
  }
  .hp-seo-section .icon-1 {
    left: 50%;
    transform: translateX(-50%);
    top: 0;
  }
  .hp-seo-section .icon-3 {
    bottom: unset;
    top: -5rem;
  }
  .hp-certified-section .icon-1 {
    left: 10rem;
  }
  .hp-certified-section .icon-3 {
    bottom: 0;
    left: 5rem;
  }
  .hp-contact-box {
    max-width: 75rem;
  }
  .hp-contact-box::after {
    height: 18rem;
  }
  .hp-contact-box::before {
    width: 54%;
    height: 15rem;
  }
  /* ------------------------------------ */
  /* ------------- OPE PAGE START --------- */
  /* ------------------------------------ */
  .ope-banner-section .logos {
    width: 100%;
    max-width: 300px;
    margin: 5rem auto 0 auto;
  }
  .ope-testimonial-section .section-heading .vector {
    left: 0;
  }
  .ope-testimonial-section .section-heading .vector-right {
    top: unset;
    right: 3rem;
    left: unset;
    bottom: -13rem;
  }
  .ope-testimonial-section .section-heading .vector-left {
    top: -12rem;
    left: 3rem;
  }
  .ope-related-toys-section .section-heading .vector {
    right: 3rem;
    top: -8rem;
  }
  .ope-related-toys-section .w-max {
    justify-content: center;
  }
  .ope-slides-listing {
    grid-template-columns: repeat(2, 1fr);
  }
  .ope-testimonial-slider .slick-list {
    padding-right: 15%;
  }
  /* ---------------------------------------------- */
  /* ---------- PRODUCT DETAIL PAGE START --------- */
  /* ---------------------------------------------- */
  .detail-banner-usp li:nth-child(3n) {
    border-right: 0;
  }
  .detail-banner-usp li:nth-child(2n) {
    border-right: 1px solid #989898;
  }
  .related-toys-section {
    clip-path: ellipse(170% 100% at 50% 100%);
  }
  /* ---------------------------------------------- */
  /* ---------- PRODUCT LISTING PAGE START --------- */
  /* ---------------------------------------------- */
  .section-top-clip-path {
    clip-path: ellipse(129% 100% at 50% 100%);
  }
  .product-listing-section .vector-1 {
    left: 0;
    top: -12rem;
    width: 11rem;
  }
  .product-listing-section .vector-3 {
    right: 3rem;
    top: unset;
    bottom: -7rem;
    width: 12rem;
  }
  .listing-about-section .vector-1,
  .listing-about-section .vector-2 {
    position: absolute;
  }
  .listing-about-section .vector-1 {
    left: 48%;
    top: -10rem;
    width: 8rem;
  }
  .listing-about-section .vector-2 {
    display: none;
  }
  /* ----------------------------------------- */
  /* ---------- CERTIFIED PAGE START --------- */
  /* ----------------------------------------- */
  .com-page-banner::after {
    height: 11rem;
  }
  .certified-banner-section .vector-1 {
    top: -10rem;
  }
  .certified-banner-section .vector-4 {
    bottom: 0;
    left: 0;
    right: unset;
    top: unset;
  }
  /* --------------------------------------- */
  /* ---------- CONTACT PAGE START --------- */
  /* --------------------------------------- */
  .contact-main-section .inner {
    max-width: 500px;
    margin: 6rem auto 0 auto;
  }
  .contact-bottom-banner .container {
    display: flex;
    justify-content: center;
  }
  .contact-main-section .contact-way {
    width: max-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .contact-social-list {
    justify-content: center;
  }
  .contact-bottom-banner .com-padding {
    padding-top: 18rem;
  }
  .contact-banner-section .vector-5 {
    right: 2rem;
    top: 29%;
  }
  /* --------------------------------------- */
  /* ---------- EVENTS PAGE START ---------- */
  /* --------------------------------------- */
  .events-map-section .vector-1 {
    width: 10rem;
    left: 2rem;
    top: -10rem;
  }
  .events-map-section .vector-3 {
    display: none;
  }
  .events-map-section .vector-2 {
    right: 2rem;
    top: -7rem;
  }
  /* ------------------------------------------------- */
  /* ------------- PLAYROOM SETUP PAGE START --------- */
  /* ------------------------------------------------- */
  .ps-banner-section .vector-1 {
    width: 12rem;
    top: -10rem;
    left: 2rem;
  }
  .ps-banner-section .vector-2 {
    width: 10rem;
    right: 3rem;
    top: -9rem;
  }
  .ps-banner-usps {
    grid-row-gap: 5rem;
  }
  .ps-banner-usps li:nth-child(odd) {
    border-left: 0;
    padding-left: 0;
  }
  .ps-banner-usps li:nth-child(even) {
    padding-right: 0;
  }
  .ps-about-section .container > .vector-1 {
    width: 11rem;
    left: 47%;
    top: -12rem;
  }
  .ps-about-section .container > .vector-2 {
    width: 11rem;
    right: 3rem;
    top: -6rem;
  }
  .ps-contact-bar form .flex-box {
    justify-content: center;
    gap: 2rem;
  }
  .ps-contact-bar .input-box {
    width: calc(25% - 2rem);
  }
  .ps-contact-bar .vector-1 {
    width: 10rem;
    height: 10rem;
    left: 4rem;
  }
  .ps-related-section .vector-1 {
    left: 5rem;
  }
  .ps-related-section .vector-3 {
    right: 5rem;
  }
  .ps-related-section .vector-2 {
    width: 12rem;
    top: -11rem;
  }
  /* --------------------------------------- */
  /* ---------- QUALITY PAGE START --------- */
  /* --------------------------------------- */
  .qa-banner-section {
    padding-top: 15rem;
  }
  .qa-banner-section .vector-1 {
    width: 10rem;
    top: -10rem;
    left: 0;
  }
  .qa-banner-section .vector-2 {
    width: 7.2rem;
    top: -4rem;
    right: 0;
  }
  .qa-intro-section .bg-shape {
    display: none;
  }
  .qa-intro-section .vector-1 {
    width: 15rem;
    top: -5rem;
  }
  .qa-intro-section .vector-2 {
    width: 15rem;
    top: -5rem;
  }
  .qa-intro-section .vector-3 {
    width: 18rem;
    left: 42%;
    top: -4rem;
  }
  .qa-intro-section .inner {
    padding: 10rem 0 0 0;
  }
  .qa-intro-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 3rem;
  }
  .qa-intro-images .left-img,
  .qa-intro-images .right-img {
    position: static;
    width: 48%;
    background-color: #fff4eb;
    overflow: hidden;
    padding: 3rem 3rem;
    border-radius: 3rem;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5rem;
  }
  .listing-banner-usp {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2rem;
  }
  .listing-banner-usp li {
    width: calc(50% - 2rem);
    margin-top: 2rem;
  }
  .hp-cat-section.qa-qc-section .vector-1 {
    width: 12rem;
    height: 12rem;
    left: 0;
    top: -10rem;
  }
  .qa-qc-section .vector-2 {
    right: 0;
  }
  .qa-certified-section .vector-1 {
    left: unset;
    right: 0;
    top: -10rem;
    width: 20rem;
  }
  .qa-contact-bottom-bar .inner {
    justify-content: center;
  }
  .detail-intro-form-box,
  .qa-contact-bottom-bar {
    padding: 12rem 5rem;
  }
  .qa-contact-bottom-bar .vector-2 {
    width: 18rem;
    left: unset;
    top: unset;
    bottom: 5rem;
    right: 4rem;
  }
  .qa-contact-bottom-bar .vector-1 {
    left: 3rem;
    top: 2rem;
  }
  .qa-products-section .vector-2 {
    right: 5rem;
    top: -10rem;
  }
  .qa-products-section .vector-1 {
    width: 10rem;
    left: 0;
    top: -10rem;
  }
  .qa-product-item .img-box {
    height: 45rem;
  }
  /* ------------------------------------ */
  /* ------- INFRASTRUCTURE PAGE -------- */
  /* ------------------------------------ */
  .infra-capabilities-section .vector-1,
  .infra-glimpse-section .vector-1 {
    left: 2rem;
    width: 10rem;
    top: -10rem;
  }
  .infra-capabilities-section .vector-2,
  .infra-glimpse-section .vector-2 {
    right: 3rem;
  }
  .infra-showreel-section .qa-contact-bottom-bar .vector-1 {
    left: 3rem;
    width: 8rem;
  }
  /* --------------------------------------- */
  /* ---------- ABOUT PAGE START --------- */
  /* --------------------------------------- */

  .about-intro-section .vector-1 {
    width: 14rem;
    left: 45%;
    top: -7rem;
  }
  .about-intro-section .sidebar {
    max-width: 65rem;
    margin-left: auto;
    margin-right: auto;
  }
  .about-intro-section .sidebar li {
    margin: 3rem 0;
    padding: 3rem 0;
    border-top: 1px solid #e7b995;
  }
  .about-intro-usps li h6 {
    padding: 0;
  }
  .about-intro-usps h6::before {
    display: none;
  }
  .about-intro-section .vector-2 {
    bottom: -12rem;
  }
  .about-intro-section .vector-3 {
    max-height: 22rem;
    bottom: -15rem;
    right: 0;
  }
  .about-legacy-section .thumb-box {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
  .about-legacy-section .vector-1 {
    right: 3rem;
    top: -10rem;
  }
  .about-journey-details .slick-slide {
    margin-right: 5rem;
  }
  .about-journey-details .img-box,
  .about-journey-details .text-box {
    width: 100%;
    padding: 0;
  }
  .about-journey-details .text-box {
    margin-top: 10rem;
  }
  .about-capabilities-section .description img {
    margin-top: 5rem;
  }
  .about-capabilities-section .vector-1 {
    top: -11rem;
  }
  /* BLOGS */
  .blog-item .img-box img {
    height: 45rem;
  }
  /* GALLERY PAGE */
  .gallery-listing-grid .gallery-item,
  .gallery-listing-grid .gallery-item img {
    height: 43rem;
  }
}

@media (max-width: 640px) {
  html {
    font-size: 0.92vw;
  }
  .hide-640 {
    display: none !important;
  }
  .show-640 {
    display: block !important;
  }
  .show-640.flex,
  .show-640.flex-box {
    display: flex !important;
  }
  .full-width-640 {
    width: 100% !important;
  }
  .com-padding {
    padding: 10rem 0;
  }
  .top-padding {
    padding-top: 10rem;
  }
  .bottom-padding {
    padding-bottom: 10rem;
  }
  .full-width-640 {
    width: 100% !important;
  }
  .full-width-640.description {
    margin-top: 3rem;
  }
  .sm-text-center {
    text-align: center;
  }
  .sm-mt-1 {
    margin-top: 1rem;
  }
  .sm-mt-2 {
    margin-top: 2rem;
  }
  .sm-mt-3 {
    margin-top: 3rem;
  }
  .sm-mt-4 {
    margin-top: 4rem;
  }
  .sm-mt-5 {
    margin-top: 5rem;
  }
  .sm-mt-6 {
    margin-top: 6rem;
  }
  .sm-mt-7 {
    margin-top: 7rem;
  }
  .sm-mt-8 {
    margin-top: 8rem;
  }
  .sm-mt-9 {
    margin-top: 9rem;
  }
  .sm-mt-10 {
    margin-top: 10rem;
  }
  h1,
  .h1 {
    font-size: 7.5rem;
  }
  h2,
  .h2 {
    font-size: 6rem;
  }
  h3,
  .h3 {
    font-size: 5rem;
  }
  .sm-text-center {
    text-align: center;
  }
  .catalog-popup-form .ope-banner-popup-inner {
    min-width: 90vw;
  }
  .com-contact-section .container > .flex-box{
    margin-top: 0;
  }
  /* ------------------------------------ */
  /* ------------- HOMEPAGE START --------- */
  /* ------------------------------------ */
/*   .hp-banner-section h1 {
    font-size: 10rem;
  } */
  .hp-floating-banner-icon.banner-icon-4 {
    bottom: -3rem;
  }
  .hp-cat-listing .slick-list,
  .hp-certified-slider .slick-list {
    padding-right: 20%;
  }
  .hp-playroom-setup .img-box img {
    min-height: calc(100vw - 30px);
  }
  .hp-certified-slider-box {
    width: calc(100% + 15px) !important;
    margin-right: -15px;
  }
  .hp-playroom-setup .text-box {
    padding: 4rem 4rem;
  }
  /* ------------------------------------ */
  /* ------------- OPE PAGE START --------- */
  /* ------------------------------------ */
  .ope-banner-section .h2 img {
    max-height: 5.2rem;
  }
  .ope-banner-play {
    justify-content: center;
    flex-direction: column;
    text-align: center;
    top: 50%;
    bottom: unset;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
  }
  .ope-banner-play span br {
    display: none;
  }
  .ope-play-btn {
    width: 10rem;
  }
  .ope-slides-listing-section .description ul li {
    width: 100%;
  }
  .ope-testimonial-slider .slick-list {
    padding-right: 5%;
  }
  .ope-testimonial-slide .quote-text {
    font-size: 2.8rem;
  }
  .ope-testimonial-slide {
    padding: 7rem 4rem;
  }
  .ope-related-toys-wrapper .circle-slider-arrow {
    width: 9rem;
    height: 9rem;
  }
  .ope-slides-listing-section .section-heading {
    padding-top: 10rem;
  }
  .ope-slides-listing-section .section-heading img {
    position: absolute;
    left: 50%;
    top: -6rem;
    transform: translateX(-50%);
  }
  /* ---------------------------------------------- */
  /* ---------- PRODUCT DETAIL PAGE START --------- */
  /* ---------------------------------------------- */
  .detail-intro-form-box {
    padding: 10rem 4rem;
  }
  .detail-intro-form-box .bg-img {
    object-fit: cover;
  }

  .detail-intro-form-box .inner > .flex-box {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 6rem;
  }
  .detail-intro-form-box form .flex-1 {
    margin-bottom: 1rem;
  }
  .detail-intro-form-box .ope-sidebar-form .input-box {
    width: 48%;
    margin-bottom: 3rem;
  }
  /* ---------------------------------------------- */
  /* ---------- PRODUCT LISTING PAGE START --------- */
  /* ---------------------------------------------- */
  .listing-banner-section::after {
    height: 11rem;
  }
  .listing-banner-usp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 3rem;
  }
  .listing-banner-usp li {
    width: 48%;
  }
  .product-listing-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: 7rem;
    border-top: 1px solid #585656;
    margin-top: 7rem;
  }
  .product-listing-item:first-of-type {
    padding-top: 0;
    border-top: 0;
  }
  /* ----------------------------------------- */
  /* ---------- CERTIFIED PAGE START --------- */
  /* ----------------------------------------- */
  .com-cta-cards,
  .certificate-listing {
    grid-template-columns: repeat(1, 1fr);
  }
  .certificate-list-item {
    align-items: center;
    text-align: center;
    min-height: unset;
  }
  .certificate-list-item .btn {
    width: max-content;
  }
  .certificate-listing {
    padding-bottom: 30rem;
  }
  .certificate-listing .vector-box {
    width: 50%;
    position: absolute;
    bottom: 0;
  }
  .certificate-listing .vector-box-1 {
    left: 0;
  }
  .certificate-listing .vector-box-2 {
    right: 0;
  }
  .certificate-listing .vector-box-1 .vector {
    max-width: 100%;
  }
  .section-top-clip-path.com-cta-cards-section {
    clip-path: ellipse(150% 100% at 50% 100%);
  }
  /* --------------------------------------- */
  /* ---------- EVENTS PAGE START ---------- */
  /* --------------------------------------- */
  .events-banner-section .vector-1 {
    left: 0;
    top: -5rem;
  }
  .events-banner-section .vector-3 {
    right: 0;
    top: -5rem;
  }
  .event-play-btn {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 0;
    padding: 0;
  }
  .events-listing-section .event-slider .slick-list {
    padding: 0 10%;
    margin: 0 -15px;
  }
  .events-listing-section h2 {
    font-size: 6rem;
  }
  /* --------------------------------------- */
  /* ---------- PLAYROOM SETUP PAGE START ---------- */
  /* --------------------------------------- */
  .ps-contact-bar form .flex-box {
    margin-top: 5rem;
  }
  .ps-contact-bar .input-box {
    width: calc(50% - 2rem);
    margin-top: 0;
  }
  /* ------------------------------------ */
  /* ------- INFRASTRUCTURE PAGE -------- */
  /* ------------------------------------ */
  .infra-about-usp {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 3rem;
  }
  .infra-about-usp-box {
    padding: 12rem 3rem;
  }
  .infra-fu-item,
  .infra-fu-item:nth-of-type(even) {
    flex-direction: column;
  }
  .infra-fu-item {
    padding-top: 8rem;
    margin-top: 8rem;
    border-top: 1px solid #d9d9d9;
  }
  .infra-fu-item:first-of-type {
    margin-top: 0;
  }
  .infra-fu-item > div {
    width: 100% !important;
  }
  .infra-fu-item .text-box {
    margin-top: 6rem;
  }
  .infra-featured-usp-section {
    padding-bottom: 18rem;
  }
  .infra-process-section .section-heading {
    padding-top: 10rem;
  }
  .infra-process-item .inner {
    width: 100% !important;
  }
  .infra-process-item .count {
    font-size: 15rem;
    -webkit-text-stroke: 2px #e4c2ad;
    bottom: unset;
    top: 2rem;
    left: 0;
  }
  .infra-fu-item:nth-of-type(even) .text-box {
    padding-right: 0;
  }
  .infra-process-item:nth-of-type(3) .count {
    left: -2rem;
  }
  .infra-glimpse-section .vector-2 {
    display: none;
  }
  .infra-glimpse-images {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem;
  }
  .infra-glimpse-images .col:last-of-type {
    display: none;
  }
  .infra-glimpse-images .img-box {
    margin: 2rem 0;
  }
  .ope-related-toys-wrapper .slider-arrows {
    margin-top: 6rem;
  }
  /* ---------------------- */
  /* ----- BLOGS PAGE------ */
  /* ---------------------- */
  .blog-listing.grid,
  .certificate-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .blog-listing .blog-item {
    padding-top: 7rem;
    border-top: 1px solid #989898;
  }
  .blog-listing .blog-item:first-of-type {
    padding-top: 0;
    border-top: 0;
  }
  .blog-item .img-box img {
    height: auto;
  }
}

@media (max-width: 540px) {
  html {
    font-size: 1.28vw;
  }
  .section-top-wave::before {
    top: -6rem;
  }
  .section-bottom-wave::after {
    bottom: -6rem;
  }
  .section-top-wave::before,
  .section-bottom-wave::after {
    height: 9rem;
  }
  .footer-social-box {
    flex-direction: column;
    gap: 5rem;
  }
  h1 br,
  h2 br,
  h3 br {
    display: none;
  }
  /* ------------------------------------ */
  /* ------------- HOMEPAGE START --------- */
  /* ------------------------------------ */
  .hp-floating-banner-icon.banner-icon-1 {
    top: -14rem;
    right: 30%;
    height: 10rem;
  }
  .hp-floating-banner-icon.banner-icon-2,
  .hp-floating-banner-icon.banner-icon-1,
  .hp-floating-banner-icon.banner-icon-3 {
    width: 10rem;
  }
  .hp-floating-banner-icon.banner-icon-3 {
    top: 1rem;
  }
  .hp-intro-section .content-box {
    padding-top: 10rem;
  }
  .hp-intro-counter .subtitle {
    font-size: 2.5rem;
  }
  .hp-seo-section .icon-2 {
    width: 20rem;
    height: 29rem;
    top: -5rem;
  }
  .hp-seo-section .icon-3 {
    width: 17rem;
    height: 25rem;
    top: 0;
  }
  .hp-quality-card .quote-icon {
    max-height: 4rem;
  }
  .hp-quality-card .quote-text {
    font-size: 2rem;
    -webkit-line-clamp: 6;
  }
  .hp-quality-card .quote-by {
    font-size: 2.2rem;
  }
  .hp-about-section .content-wrapper {
    padding: 18rem 4rem;
  }
  .hp-about-section .vector-2,
  .hp-about-section .vector-4 {
    right: 4rem;
    width: 8rem;
  }
  .hp-about-section .vector-3 {
    bottom: 0;
    left: 1rem;
  }
  .hp-contact-box::after {
    height: 16rem;
  }
  .hp-certified-slider .slick-list {
    margin: 0 -1.5rem;
  }
  .hp-certified-slider .slick-slide {
    margin: 0 1.5rem;
  }
  .hp-cat-listing .slick-list {
    padding-right: 10%;
  }
  .hp-intro-counter .title {
    font-size: 6rem;
  }
  .insta-feeds-section .section-heading.mt-10 {
    margin-top: 5rem;
  }
  .hp-contact-box::before,
  .hp-contact-box::after {
    height: 13rem;
    background-size: cover;
  }

  /* ------------------------------------ */
  /* ------------- OPE PAGE START --------- */
  /* ------------------------------------ */
  .ope-banner-section .ope-banner-prev {
    left: 3rem;
  }
  .ope-banner-section .ope-banner-next {
    right: 3rem;
  }
  .ope-sidebar-form .input-box input,
  .ope-sidebar-form .input-box textarea,
  .ope-sidebar-form .input-box select,
  .ope-sidebar-form .submit-box input {
    font-size: 2.5rem;
    height: 8rem;
  }
  .ope-gallery-section .logo {
    height: 8rem;
  }
  .ope-gallery-section .vector-2 {
    top: -17rem;
  }
  .ope-gallery-slider .slick-list {
    padding-right: 6%;
  }
  .ope-testimonial-section .section-heading .vector-left {
    width: 9rem;
    height: 9rem;
    top: -10rem;
    left: 0;
  }
  /* ---------------------------------------------- */
  /* ---------- PRODUCT DETAIL PAGE START --------- */
  /* ---------------------------------------------- */
  .detail-banner-section {
    padding: 8rem 0 12rem 0;
  }
  .detail-banner-section::after,
  .listing-banner-section::after {
    background-size: cover;
  }

  .detail-banner-usp h6 {
    padding-left: 0;
  }
  .detail-banner-usp {
    padding: 5rem 2rem;
    row-gap: 6rem;
  }
  .detail-banner-usp li {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 4rem;
    padding: 0 2rem;
  }
  .detail-intro-section .sidebar video {
    height: 75rem;
  }
  .related-toy-item .img-box {
    height: 30rem;
    padding: 0;
  }
  .detail-intro-form-box .ope-sidebar-form .input-box {
    width: 100%;
  }
  .related-toys-section h2 img {
    position: absolute;
    top: -9rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .detail-body-banner {
    max-height: 90vh;
  }
  .listing-banner-usp li {
    width: 100%;
  }
  /* CONTACT PAGE */
  .contact-main-section .vector-1 {
    left: 0;
    bottom: -4rem;
  }
  .contact-main-section .vector-2 {
    right: 0;
    top: -10rem;
  }
  /* --------------------------------------- */
  /* ---------- PLAYROOM SETUP PAGE START ---------- */
  /* --------------------------------------- */
  .ps-banner-highlights-box .vector {
    width: 20rem;
    height: 12rem;
  }
  .ps-banner-usps li img {
    max-width: 5rem;
  }
  .ps-banner-usps li h6 {
    font-size: 2.3rem;
  }
  .ps-price-box {
    flex-direction: column;
    gap: 1rem;
  }
  .ps-products-listing {
    grid-row-gap: 5rem;
  }
  .ps-product-item .tag {
    position: absolute;
    top: 2rem;
    right: 2rem;
    font-size: 2.2rem;
  }
  .ps-product-item h6 {
    padding-right: 0;
    font-size: 2.8rem;
    text-align: center;
  }
  .ps-about-section .container > .vector-1 {
    width: 10rem;
    left: 38%;
    top: -11rem;
  }
  .ps-download-box {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 5rem 3rem;
  }
  .ps-download-box .pdf-icon {
    margin: 0 0 3rem 0;
  }
  .ps-download-box .vector {
    bottom: unset;
    top: 4rem;
  }
  .ps-contact-bar .vector-2 {
    width: 8rem;
    height: 7rem;
    right: 3rem;
    top: 3rem;
  }
  .ps-contact-bar .input-box {
    width: 100%;
  }
  .ps-related-section .section-heading {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 4rem;
  }
  .ps-related-section .vector-3 {
    width: 15rem;
    right: 0;
  }
  .ps-related-section .vector-2 {
    width: 10rem;
  }
  .ps-related-section .ope-related-toys-wrapper.mt-10 {
    margin-top: 8rem;
    margin-bottom: 5rem;
  }
  /* --------------------------------------- */
  /* ---------- QUALITY PAGE START --------- */
  /* --------------------------------------- */
  .qa-intro-section .vector-2 {
    display: none;
  }
  .qa-intro-section .vector-3 {
    left: unset;
    right: 5rem;
    width: 14rem;
    top: -1rem;
  }
  .listing-banner-usp li {
    margin-top: 0;
  }
  .hp-cat-section.qa-qc-section .vector-1 {
    width: 8rem;
  }
  .qa-qc-process,
  .qa-products-listing {
    display: block;
    width: calc(100% + 15px);
    overflow: hidden;
  }
  .qa-qc-process .slick-list,
  .qa-products-listing .slick-list {
    padding-right: 10%;
  }
  .qa-qc-process .slick-slide,
  .qa-products-listing .slick-slide {
    margin-right: 3rem;
  }
  .qa-certificates-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .qa-certificates-list li {
    border-width: 0.5rem;
  }
  .qa-certificates-list img {
    max-width: 25rem;
  }
  .qa-contact-bottom-bar {
    margin-bottom: 3rem;
  }
  .qa-contact-bottom-bar .bg-img {
    object-fit: cover;
  }
  .qa-products-section .vector-1 {
    width: 9rem;
    top: -8rem;
  }
  /* ------------------------------------ */
  /* ------- INFRASTRUCTURE PAGE -------- */
  /* ------------------------------------ */
  .infra-about-usp-box {
    margin-top: 18rem;
  }
  .infra-about-usp-box .grass,
  .infra-about-usp-box .tree {
    display: none;
  }
  .infra-about-usp h4 {
    font-size: 6rem;
  }
  .infra-process-list {
    width: calc(100% + 15px) !important;
  }
  .infra-process-list .slick-list {
    padding-right: 10%;
  }
  .infra-process-list .slick-slide {
    margin-right: 3rem;
  }
  .infra-about-usp h6 {
    font-size: 3rem;
  }
  .play-btn-center {
    width: 10rem;
    height: 10rem;
  }
  /* --------------------------------------- */
  /* ---------- ABOUT PAGE START --------- */
  /* --------------------------------------- */
  .about-legacy-usps {
    grid-template-columns: repeat(1, 1fr);
  }
  .about-journey-years .year {
    margin-bottom: 5rem;
  }
  .about-journey-details .slick-slide {
    margin-right: 4rem;
  }
  .about-journey-details .slick-list {
    padding-right: 8%;
  }
  .about-journey-details .img-box .year {
    font-size: 5rem;
  }
  .section-top-clip-path {
    clip-path: ellipse(182% 100% at 50% 100%);
  }
  .about-explore-section .flex-box.mt-10 {
    margin-top: 5rem;
  }
  /* GALLERY PAGE */
  .gallery-listing-grid .gallery-item {
    width: 100% !important;
  }
  .gallery-listing-grid .gallery-item,
  .gallery-listing-grid .gallery-item img {
    height: auto;
  }
}

@media (max-width: 450px) {
  html {
    font-size: 1.5vw;
  }
  h2,
  .h2 {
    font-size: 5rem;
  }
  h3,
  .h3 {
    font-size: 4.5rem;
  }
  .hp-quality-cards {
    grid-template-columns: repeat(1, 1fr);
  }
  .flip-card {
    width: calc(100vw - 30px);
    height: calc(100vw - 30px);
  }
  .hp-quality-card .quote-text {
    font-size: 2.5rem;
    -webkit-line-clamp: 9;
  }
  .hp-quality-card .quote-by {
    font-size: 2.8rem;
  }
  .related-toy-item .img-box {
    height: 25rem;
  }
}
@media (max-width: 391px) {
  html {
    font-size: 1.6vw;
  }
  header .close-menu span:last-of-type {
    transform: rotate(-46deg) translateY(-16px) translateX(16px);
  }
  .related-toy-item .img-box {
    height: 23rem;
  }
  .detail-intro-form-box .inner .flex {
    flex-direction: column-reverse;
    gap: 2rem;
  }
}