/* ================ small laptop device responsive start =========== */
@media only screen and (min-width: 992px) and (max-width: 1300px) {
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .brand__dtl__title {
    font-size: 38px;
  }
  .banner__usp {
    font-size: 36px;
  }
  .custom-prev-arrow {
    right: 20%;
    left: unset;
    bottom: 10vh;
    top: unset;
  }
  /* ==== menu css ==  */
  .menu__list ul li a {
    font-size: 14px;
  }
  .bg-scrolling .menu__list ul li a {
    font-size: 14px;
  }
  a.navbar-brand {
    flex: 0 0 25%;
  }
  /* ==== menu css ==  */
  /* home page  */
  .brand__dtl__title {
    font-size: 26px;
  }
  .brand__dtl__sub__title {
    font-size: 22px;
  }
  .brand__desc {
    font-size: 16px;
  }
  .fp-is-overflow .fp-overflow.fp-auto-height,
  .fp-is-overflow .fp-overflow.fp-auto-height-responsive,
  .fp-is-overflow > .fp-overflow {
    overflow-y: unset;
  }
  .neyst__curr__inner .slick-prev.slick-arrow {
    position: absolute;
    left: 90.5%;
    top: 115%;
    z-index: 9;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #fff;
  }
  .neyst__curr__inner .slick-next.slick-arrow {
    position: absolute;
    left: 97%;
    top: 114%;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #fff;
  }
  .sophi__para {
    font-size: 16px;
  }
  .beyond__section .swiper-button-prev {
    top: 72vh;
    left: 77vw;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
  }
  .cta__new__right {
    height: 100vh;
    background-size: cover;
    background-position-y: -2vh;
    background-repeat: no-repeat;
  }
  .cta__new__title {
    font-size: 27px;
    color: #fff;
    font-family: gotham-book;
    padding-bottom: 40px;
  }
  /* home page  */
  /* collection page  */
  .sancal__bottom__left__text {
    font-size: 12px;
  }
  /* collection page  */
  /* project page  */
  .team__comp__title {
    font-size: 40px;
    color: #fff;
    font-family: "Gotham-medium";
    line-height: 1;
    padding-top: 45vh;
  }
  /* project page  */
  /* contact us page  */
  section#form__area__target {
    padding-bottom: 7vh;
  }
  .form__subtitle {
    font-size: 16px;
    padding-bottom: 10px;
  }
  /* contact us page  */
}
/* ================ small laptop device responsive start =========== */

/* ==========--- tablet Responsive start ========== */

@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
  /* common css  */
  .modal-dialog.modal-dialog-centered.modal-xl,
  .modal-dialog.modal-dialog-centered.modal-lg {
    min-width: 85% !important;
  }
  /* common css  */
  img.small__sc__logo {
    max-width: 30%;
    margin-left: -1vh;
  }
  img.small__sc__logo_panel {
    max-width: 50%;
    margin-left: -3vh;
  }
  .mobile__fixed__menu {
    position: fixed;
    z-index: 1;
    top: 3vh;
  }
  span.mobile__toggle {
    color: #fff;
    padding-right: 2vw;
  }

  .bg-scrolling .mobile__fixed__menu {
    position: sticky;
    background: #fff;
    top: 0;
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.35);
  }
  .mob__dark {
    display: none;
  }
  .bg-scrolling .mob__light {
    display: none;
  }
  .bg-scrolling .mob__dark {
    display: unset;
  }
  .bg-scrolling span.mobile__toggle {
    color: var(--brand-primary-color);
    padding-right: 2vw;
  }
  /* after menu  */
  .banner__usp {
    font-size: 32px;
    color: #fff;
    font-family: "Gotham-book";
    line-height: 1.3;
    text-align: left;
    margin-left: 9vw;
  }
  .custom-prev-arrow {
    right: 20%;
    left: unset;
    bottom: 10vh;
    top: unset;
  }
  .brand__dtl__title {
    font-size: 22px;
    font-family: "Gotham-medium";
    color: var(--brand-primary-color);
  }
  .brand__dtl__sub__title {
    font-size: 20px;
    font-family: "Gotham-book";
    padding-bottom: 15px;
    padding-top: 8.5vh;
    color: var(--brand-primary-color);
    margin-left: -0.3vw;
  }
  .brand__desc {
    font-size: 15px;
    line-height: 1.8;
    text-align: justify;
  }
  .brand__dtl__img__parent img {
    height: 62.8vh;
    object-fit: cover;
  }
  .brand__dtl__img__child img {
    height: 30vh;
    object-fit: cover;
    object-position: center !important;
  }
  .neyst__curr__bg__img {
    margin: auto;
    padding: 0vw;
    width: 20.8vw;
    height: auto;
    object-fit: contain;
    position: relative;
  }
  .sophi__para {
    font-size: 15px;
    color: var(--brand-primary-color);
    padding-right: 2vw;
    line-height: 1.8;
  }
  .soph__right__img {
    height: 45vh;
    object-fit: cover;
  }
  .beyond__section .swiper-button-prev {
    top: 72vh;
    left: 74vw;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
  }

  .neyst-beyond-content {
    position: absolute;
    background: #401531ab;
    padding: 30px;
    bottom: 20vh;
    right: 0;
    width: 100%;
  }
  .beyond__sl__title {
    font-size: 24px;
    color: #fff;
    font-family: gotham-medium;
  }
  .cta__new__right {
    height: 100vh;
    background-size: cover;
    background-position-y: -5vh;
    background-repeat: no-repeat;
  }
  .cta__new__title {
    font-size: 22px;
    color: #fff;
    font-family: gotham-book;
    padding-bottom: 40px;
  }
  .subscribe_email_input {
    width: 70%;
    padding: 25px;
    border-radius: 0 !important;
    border: 1px solid #c0c0c0;
  }
  .subscribe_button {
    width: 29%;
    padding: 22px;
    font-size: 20px;
    font-family: gotham-book;
    background-color: var(--brand-primary-color);
    color: var(--brand-logo-yellow-color);
    border: 1px solid var(--brand-primary-color);
  }
  .custom__ftr__inner.frt__quick__link,
  .custom__ftr__inner.frt__contact__details {
    padding-top: 50px;
  }
  /* ==== collection page === */
  .sancal__left__top img {
    height: 30vh;
  }
  .sancal__bottom__left__text {
    font-size: 11px;
  }
  .sancal__bottom__left {
    background: var(--brand-primary-color);
    padding: 10px;
    height: 30vh;
    display: flex;
    align-items: center;
    color: #fff;
  }
  .sancal__bottom__right {
    background: #e5d7dc;
    padding: 25px;
    height: 30vh;
    position: relative;
  }
  .vertical_image {
    height: 63vh;
    object-fit: cover;
  }
  .sancal__bott__anchor {
    position: absolute;
    bottom: 3vh;
    right: 1vw !important;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    font-family: "Gotham-book";
    background: #401531;
    padding: 5px 15px;
    border-radius: 50px;
  }
  .sancal__bottom__img img {
    width: 140px;
  }
  /* ==== collection page === */
  /* ===== project page ==== */
  .heading__title {
    font-size: 30px;
    font-family: "Gotham-book";
    color: var(--brand-primary-color);
  }
  .beyond__sl__label-updated {
    color: #fff;
    font-size: 16px;
    font-family: "Gotham-medium";
    outline: none;
    box-shadow: none;
    border: none;
  }
  /* ===== project page ==== */
  /* ===== about us page ==== */
  .brand__dtl__sub__heading {
    font-size: 22px;
    padding-top: 10px;
    font-family: "Gotham-book";
  }
  .team__read__more {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    padding-top: 15px;
    display: block;
  }
  .custom__modal__box p {
    padding: 0 20px 20px 20px;
    font-size: 15px;
    line-height: 1.8;
    text-align: center;
  }
  .team__comp__title {
    font-size: 36px;
    color: #fff;
    font-family: "Gotham-medium";
    line-height: 1;
    padding-top: 45vh;
  }
  .team__comp__title span {
    font-size: 20px;
  }
  .team__compassion {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position-y: -35px !important;
    background-position-x: center !important;
  }
  .team__linkdln__right img {
    height: 300px;
    width: 300px;
    border-radius: 50%;
    border: 2px solid #40153114;
    padding: 5px;
  }
  .team__title {
    font-size: 24px;
    font-family: "Gotham-medium";
    padding-bottom: 10px;
    color: var(--brand-primary-color);
  }
  /* ===== about us page ==== */
  /* ===== contact us page ===== */
  .map__box iframe {
    pointer-events: none;
  }
  .form__title {
    font-size: 24px;
    color: var(--brand-primary-color);
  }
  form#contact__form .col-6,
  form#contact__form .col-12 {
    margin-top: 10px;
  }
  .cont__dtl__inner {
    display: flex;
    align-items: center;
    gap: 25px;
    justify-content: start;
    padding-bottom: 15px;
    padding: 10px 0;
  }
  .client__logo__slider {
    padding: 30px 0 30px 0;
  }
  /* ===== contact us page ===== */
}

/* ==========--- tablet Responsive start ========== */

/* ###################### Responsive Design Start ################## */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  /* hero banner animation  */

  .mobile-slide .animated-image {
    width: 100%;
    height: 100%;
    animation: mobile-slide-animation 28s linear infinite;
    object-fit: cover;
    object-position: 0% 50%; /* Initial X-axis (horizontal) position */
  }

  @keyframes mobile-slide-animation {
    0%,
    100% {
      object-position: 0% 50%; /* Start and end position (left) */
    }
    50% {
      object-position: 100% 50%; /* Middle position (right) */
    }
  }

  @media (max-width: 767px) {
    .mobile-slide .animated-image {
      object-position: 0% 50%; /* Reset the X-axis (horizontal) position for mobile devices */
    }
  }

  /* hero banner animation  */

  /* Extra small devices (phones, 600px and down) */
  /* @media only screen and (max-width: 600px) {
  .mobile-slide-projects .animated-image-projects {
    width: 100%;
    animation: mobile-slide-animation-projects 28s linear infinite;
    object-fit: cover;
    object-position: 0% 50%; 
  }

  @keyframes mobile-slide-animation-projects {
    0%,
    100% {
      object-position: 0% 50%; 
    }
    50% {
      object-position: 100% 50%; 
    }
  }

  @media (max-width: 767px) {
    .mobile-slide-projects .animated-image-projects {
      object-position: 0% 50%; 
    }
  } */

  /* projects images animation  */

  .custom-prev-arrow {
    right: 23%;
    left: unset;
    bottom: 10vh;
    top: unset;
  }
  .custom-next-arrow {
    right: 8%;
    left: unset;
    bottom: 10vh;
    top: unset;
  }
  .custom-prev-arrow,
  .custom-next-arrow {
    width: 40px;
    height: 40px;
    background-color: #ffffffa6;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }

  .hero__section .swiper-slide img {
    height: 100vh;
    object-fit: cover;
    object-position: -68vh;
  }
  .banner__usp {
    font-size: 28px;
    text-align: center;
    margin-left: 0;
    padding: 0 20px;
  }
  .banner__usp br {
    display: none;
  }

  .brand__dtl__title {
    font-size: 22px;
    text-align: center;
  }
  .brand__dtl__sub__title {
    font-size: 18px;
    padding-top: 4vh;
    text-align: center;
  }
  .brand__desc {
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
  }

  .brand__dtl__img__child img {
    height: 25vh;
    object-fit: cover;
    object-position: center;
  }

  .brand__box__mobile__second {
    padding-left: 6px;
  }
  /* .brand__box__mobile__firts {
    padding-right: 6px;
  } */
  .brand__dtl__img__parent img {
    height: 50vh;
    object-fit: cover;
  }
  .brand__details {
    padding-bottom: 8vh;
  }
  .dtl__gall__slider {
    padding-bottom: 18% !important;
  }
  .dtl__gall__slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .neyst__curr__bg__img {
    margin: auto;
    padding: 0vw;
    width: 35vh;
    height: auto;
    object-fit: contain;
    position: relative;
  }
  .neyst__curr__inner .slick-prev.slick-arrow {
    left: 0;
    top: 100%;
  }
  .neyst__curr__inner .slick-next.slick-arrow {
    top: 100%;
    right: 0;
    left: unset;
  }
  .soph__right__img {
    height: 35vh;
    object-fit: cover;
  }
  .soph__right__small__img {
    display: none;
  }
  .sophi__para {
    font-size: 16px;
    color: var(--brand-primary-color);
    padding-right: 2vw;
    line-height: 1.8;
    padding-bottom: 20px;
    text-align: center;
  }
  .sophisticated__section .padding__bottom__hard {
    padding-bottom: 15%;
  }
  .beyond__sl__title {
    font-size: 18px;
    color: #fff;
    font-family: gotham-medium;
  }
  .beyond__sl__subtitle {
    font-size: 14px;
    color: #fff;
    padding: 10px 0;
  }
  .beyond__sl__label {
    font-size: 14px;
    color: #4a213c;
    font-family: "Gotham-book";
    background: #e5d7dc;
    padding: 6px 15px;
  }
  .beyond__section .swiper-button-prev {
    top: 75vh;
    left: 55vw;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
  }
  .beyond__section .swiper-button-next {
    top: 75vh;
    right: 15vw;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
  }
  .beyond__section .swiper-button-next::after,
  .beyond__section .swiper-button-prev::after {
    font-size: 14px !important;
  }
  .beyond__slide__container img {
    height: 98vh;
    width: 100%;
    object-fit: cover;
    object-position: top;
  }

  @media only screen and (max-width: 600px) {
    .beyond__slide__container img {
      height: 92vh;
      width: 100%;
      object-fit: cover;
      object-position: top;
    }
  }

  /* About us page  */

  img.about__heading__img {
    width: 65%;
    margin: auto;
    display: block;
  }

  .brand__dtl__sub__heading {
    font-size: 20px;
    padding-top: 10px;
    font-family: "Gotham-book";
    text-align: center;
  }
  .abt__custom__container {
    margin-bottom: 0;
  }

  .brand__dtl__title {
    font-size: 22px;
    text-align: center;
    margin-top: 15px;
  }

  .mission__main {
    height: unset;
  }
  .mission__right__box {
    padding-bottom: 0;
  }
  .team__compassion {
    background-position: center !important;
  }

  .team__comp__title {
    font-size: 24px;
    color: #fff;
    font-family: "Gotham-medium";
    line-height: 1;
    background: #424242bf;
    padding: 15px;
    margin-top: 55vh;
  }
  .team__comp__title span {
    font-size: 22px;
    padding-top: 10px;
    display: block;
  }
  .team__linkdln__right img {
    height: 150px;
    width: 150px;
    border-radius: 50%;
  }
  .team__title {
    font-size: 24px;
    font-family: "Gotham-medium";
    padding-bottom: 10px;
    color: var(--brand-primary-color);
  }
  .team__linkdnln {
    padding-bottom: 8vh;
  }
  .cont__slide__next {
    display: none;
  }
  .cont__slide__prev {
    display: none;
  }
  /* .mission__section {
    background: unset !important;
  } */
  .custom__modal__box p {
    padding: 0 20px 20px 20px;
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
  }

  /* About us page  */

  /* contact us page css  */
  .map__box iframe {
    height: 550px;
    padding-bottom: 8vh;
  }
  .form__title {
    font-size: 22px;
    color: var(--brand-primary-color);
  }
  .form__subtitle {
    font-size: 14px;
    padding-bottom: 15px;
  }
  .contact__form__box input.form-control,
  .contact__form__box textarea {
    padding: 6px;
  }
  .contact__form__box label.form-label {
    font-size: 14px;
    font-family: gotham-book;
    color: var(--brand-primary-color);
  }
  .contact__form__box .col-6,
  .contact__form__box .col-6 {
    margin-top: 10px;
  }
  .cont__dtl__inner {
    display: flex;
    align-items: center;
    gap: 25px;
    justify-content: start;
    padding-bottom: 15px;
    padding: 10px 0;
  }
  .cont__dtl__ic img {
    width: 60%;
  }
  .cont__desc__area p,
  .cont__desc__area a {
    color: #fff;
    font-size: 14px;
  }
  .client__logo__slides img {
    width: 85%;
    padding: 10px;
    box-shadow: 0 2px 15px 0 rgba(2, 2, 2, 0.1);
    border-radius: 4px;
    margin: 20px auto;
    height: 20vh;
    object-fit: contain;
    display: block;
  }
  .contact__details__area {
    padding-top: 0;
  }
  .contact__dtl__inner__main {
    background: var(--brand-primary-color);
    padding: 25px 0;
  }
  .map__box {
    margin-top: 0;
    height: 100vh;
  }
  .map__box iframe {
    height: 100%;
    padding-bottom: 0;
    pointer-events: none;
  }
  .contact__form__box {
    padding-top: 0;
    padding: 0;
  }
  .client__logo__slider {
    padding: 5vh 0 22vh 0;
  }
  .neyst-beyond-content {
    position: absolute;
    background: #401531ab;
    padding: 30px;
    bottom: 12vh;
    right: 0;
    width: 100%;
  }
  /* contact us page css  */

  /* collection page css  */
  .sancal__left__top img {
    height: 20vh;
    padding: 5px;
    border: 1px solid #e2e2e2;
  }
  .sancal__bottom__left {
    background: #401531;
    padding: 25px;
    height: unset;
    display: flex;
    align-items: center;
  }
  .sancal__bottom__right {
    background: #e9e9e9;
    padding: 25px;
    height: 30vh;
    position: relative;
  }
  .sancal__bott__anchor {
    position: static;
    bottom: 3vh;
    left: 2vw;
    font-size: 14px;
    text-decoration: underline;
    color: #ffff;
    font-family: "Gotham-book";
    text-align: center;
    width: 60% !important;
    display: block;
    margin-top: 3vh;
    margin: auto;
    margin-top: 3vh;
  }
  .sancal__bottom__left__text {
    font-size: 14px;
    text-align: center;
  }
  .sancal__bottom__img img {
    width: 120px;
    margin: -3vh auto auto auto;
    display: block;
  }
  .sancal__bottom__img {
    position: static;
  }
  /* collection page css  */
  .ftr__log {
    max-width: 33%;
    margin-left: -2vh;
  }

  /* Project section  */
  .beyond__slide__container img {
    height: 50vh;
    width: 100%;
    object-fit: cover;
    object-position: top;
  }
  .neyst-beyond-content {
    position: relative;
    background: #401531f2;
    padding: 140px 30px 30px 25px;
    bottom: 1vh;
    right: 0;
    width: 100%;
    height: 46vh;
    text-align: center;
  }
  .beyond__section .section__heading {
    position: absolute;
    z-index: 5;
    left: 0vw;
    bottom: 30vh;
    border-bottom: 1px solid #797979;
    padding-bottom: 20px;
    top: unset;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
  }
  .beyond__sl__title {
    font-size: 13px;
    color: #fff;
    font-family: "Gotham-book";
  }
  .beyond__sl__subtitle {
    font-size: 13px;
    color: #fff;
    padding: 10px 0;
  }
  .beyond__sl__button {
    font-size: 14px;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding: 0 0 8px 0;
    font-family: gotham-book;
  }
  .beyond__section .swiper-button-next {
    top: 77vh;
    right: 5vw;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
  }
  .beyond__section .swiper-button-prev {
    top: 77vh;
    left: 5vw;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
  }
  .heading__title {
    font-size: 20px;
    font-family: "Gotham-book";
    color: var(--brand-primary-color);
  }

  .beyond__section p.heading__subtitle {
    padding-top: 10px;
  }
  /* Project section  */

  /* modal  */
  p.popup__subtitle {
    font-size: 16px;
    padding-left: 0;
    padding-bottom: 20px;
  }
  .popup__title {
    font-size: 20px;
    font-family: "Gotham-book";
    padding-left: 0;
  }
  /* modal  */
}

/* Extra small screen  */
@media only screen and (max-width: 320px) {
  .sancal__bottom__left__text {
    font-size: 12px;
    text-align: center;
  }
  .sancal__bottom__right {
    background: #e9e9e9;
    padding: 10px;
    height: 25vh;
    position: relative;
  }
  .sancal__bott__anchor {
    position: static;
    bottom: 3vh;
    left: 2vw;
    font-size: 14px;
    text-decoration: underline;
    color: #ffff;
    font-family: "Gotham-book";
    text-align: center;
    width: 90% !important;
    display: block;
    margin-top: 3vh;
    margin: auto;
    margin-top: 0vh;
  }
  .sancal__bottom__right {
    background: #e9e9e9;
    padding: 10px;
    height: 30vh;
    position: relative;
  }

  .sancal__bottom__img img {
    width: 100px;
    margin: -3vh auto auto auto;
    display: block;
  }
  .brand__desc {
    font-size: 13px;
    line-height: 1.8;
    text-align: center;
  }
  .team__linkdln__right img {
    height: 120px;
    width: 120px;
    border-radius: 50%;
  }
  .team__title {
    font-size: 20px;
    font-family: "Gotham-medium";
    padding-bottom: 10px;
    color: var(--brand-primary-color);
  }
  .team__read__more {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    padding-top: 15px;
    display: block;
  }
  .custom__modal__box p {
    padding: 5px;
    font-size: 13px;
    line-height: 1.8;
    text-align: center;
  }
  .beyond__sl__title {
    font-size: 13px;
    color: #fff;
    font-family: gotham-medium;
  }
  .banner__usp {
    font-size: 22px;
    text-align: center;
    margin-left: 0;
    padding: 0 20px;
  }
  .brand__desc {
    font-size: 13px;
    line-height: 1.8;
    text-align: center;
  }
  .brand__dtl__title {
    font-size: 20px;
    text-align: center;
    margin-top: 15px;
  }
  .heading__title {
    font-size: 20px;
    font-family: "Gotham-book";
    color: var(--brand-primary-color);
  }
  /* .map__box iframe {
    height: 460px;
    padding-bottom: 8vh;
  } */
  .cont__dtl__inner {
    display: flex;
    align-items: center;
    gap: 0px;
    justify-content: start;
    padding-bottom: 15px;
    padding: 10px 0;
  }
  .contact__details__area {
    padding-top: 0vh;
  }
  .contact__dtl__inner__main {
    background: var(--brand-primary-color);
    padding: 10px 0;
  }
  .cta__new__title {
    font-size: 22px;
    /* color: var(--brand-logo-yellow-color); */
    font-family: gotham-book;
    padding-bottom: 40px;
  }
  .cta__new__btn {
    padding: 8px 18px;
    /* background: #dda300; */
    font-size: 16px;
    font-family: gotham-book;
    border-radius: 0;
    /* color: var(--brand-primary-color); */
  }
}
/* Extra small screen  */

/* ###################### Responsive Design Start ################## */