@media (max-width: 1600px) {

  :root {
    --general-text: 16px;
    --main-heading: 45px;
    --clientele-inline-spacing: 36px;
    --containerWidth: 80%
  }

  .contact-content-block .main-heading {
    --main-heading: 40px;
  }

  footer .form-control,
  footer .form-control:focus,
  footer .form-select,
  footer .form-select:focus {
    font-size: 16px;
  }

  .slider-main-content.vertical .left {
    max-width: 30.711191%;
    min-width: 30.711191%;
  }

  .slider-main-content.vertical .right {
    max-width: 59.151624%;
    min-width: 59.151624%;
  }

  .slider-main-content.horizontal .bottom {
    max-width: 586px;
  }

  .slider-main-container-text h2 {
    margin-bottom: 15px;
  }

  .contact-content-block {
    margin-bottom: 30px;
  }

  .contact-content-block.discover {
    margin-bottom: 60px;
  }

  p.feel-free-text {
    margin-top: 30px;
  }

  .contact-wrapper-inner .right .contact-image-wrapper {
    max-width: 270px;
  }


  .about-main-content {
    column-gap: 4.59722222%;
  }

  .about-main-content .right-content {
    max-width: 49.70833338%;
    min-width: 49.70833338%;
  }

  .swiper-container .swiper-pagination span.pagination-inner-bullet {
    width: 8px;
    height: 8px;
  }

  span.swiper-pagination-bullet {
    width: 13px;
    height: 13px;
  }

  span.swiper-pagination-bullet::before {
    font-size: 12px;
  }

  .slider-main-content.horizontal .top {
    padding-block: 40px 0;
  }

  .slider-main-content.horizontal .top img {
    height: calc(53vh - (24px + 40px));
  }

  .content-wrapper.about .left-container p,
  .content-wrapper.about2 .left-container p {
    font-size: 30px;
  }

  .slide-inner .contact-wrapper-inner .main-heading {
    font-size: 24px;
  }

  .slide-inner .contact-wrapper-inner .contact-content-block p {
    font-size: 14px;
  }

  .contact-wrapper-inner .right :is(.strip:nth-child(1)) {
    transform: translateY(-40px);
  }

  .contact-wrapper-inner .right :is(.strip:nth-child(2)) {
    transform: translate(-60px, 0px);
  }

  .slide-inner .contact-wrapper-inner .contact-content-block.discover {
    margin-bottom: 25px;
  }

  .slide-inner .contact-wrapper-inner p.feel-free-text {
    margin-top: 15px;
  }

  .contact-content-block {
    margin-bottom: 25px;
  }



}

@media (max-width: 1366px) {

  :root {
    --general-text: 15px;
    --main-heading: 38px;
    --clientele-inline-spacing: 28px;
  }

  footer .form-control,
  footer .form-control:focus,
  footer .form-select,
  footer .form-select:focus {
    font-size: 15px;
  }

  .slider-main-container-text h2 {
    margin-bottom: 12px;
  }

  nav.navbar .navbar-nav .nav-link {
    font-size: 12px;
  }

  .slider-main-container-text .contact-content-block {
    margin-block-end: 20px;
  }

  .contact-wrapper-inner .right .contact-image-wrapper {
    max-width: 230px;
  }



  .about-main-content {
    column-gap: 4.59722222%;
  }

  .about-main-content .right-content {
    max-width: 49.70833338%;
    min-width: 49.70833338%;
  }

  span.swiper-pagination-bullet::before {
    font-size: 11px;
  }

  .slider-main-content.horizontal .top {
    padding-block: 30px 0;
  }

  .slider-main-content.horizontal .top img {
    height: calc(53vh - (24px + 30px));
  }

  .content-wrapper.about .left-container p,
  .content-wrapper.about2 .left-container p {
    font-size: 24px;
  }

  .milestone-steps-wrapper {
    column-gap: 20px;
    padding-inline: 20px;
  }

  .milestone-steps-inner {
    column-gap: 20px;
  }

  .clientele-outer-wrapper .tab-btn span {
    font-size: 15px;
  }

  .clientele-outer-wrapper .tab-btn:not(.clientele-outer-wrapper .tab-btn:last-child)::after {
    width: 30px;
  }

  .categories-wrapper .categories a {
    font-size: 40px;
  }

  .categories-wrapper .categories a span.small-hover-desc {
    font-size: 15px;
  }
}

@media (max-width: 1289px) {

  :root {
    --general-text: 13px;
    --main-heading: 30px;
  }

  .milestone-steps-wrapper {
    column-gap: 10px;
    padding-inline: 10px;
  }



}

@media (max-width: 1199px) {

  :root {
    --containerWidth: 90%;
  }


  .slider-main-content.horizontal .bottom {
    max-width: 500px;
  }

}



/* @media(max-width: 1024px) {

  .slider-main-content {
    min-height: unset;
  }

  .swiper-container {
    height: unset;
    position: unset;
  }

  .swiper-container .slider .swiper-slide .slide-inner {
    position: unset;
    min-height: unset;
  }

  .slider-main-content {
    min-height: unset;
  }

  .slider.swiper-wrapper {
    flex-wrap: wrap;
  }

  .slider.swiper-wrapper .swiper-slide:not(.child-swiper .swiper-slide) {
    min-width: 100%;
  }
} */


@media(max-width: 1080px) {

  :root {
    --main-heading: 52px;
    --general-text: 18px;
    --containerWidth: calc(100% - 60px);
  }

  .contact-content-block .main-heading {
    --main-heading: unset;
    margin-bottom: 4px;
  }


  body {
    line-height: 1.5;
  }

  .container-fluid,
  .slider-main-content.horizontal {
    max-width: var(--containerWidth);
    padding: 0;
    margin-inline: auto;
  }

  .swiper-container {
    height: unset;
    position: unset;
  }

  .swiper-container .slider .swiper-slide .slide-inner {
    position: unset;
    min-height: unset;
  }

  .slider-main-content {
    min-height: unset;
  }

  .slider.swiper-wrapper {
    flex-wrap: wrap;
  }

  .slider.swiper-wrapper .swiper-slide:not(.child-swiper .swiper-slide) {
    min-width: 100%;
  }

  .about-main-content,
  .slider-main-content.vertical,
  .contact-wrapper-inner {
    flex-direction: column;
  }

  .about-main-content .left-content,
  .about-main-content .right-content,
  .slider-main-content.vertical .left,
  .slider-main-content.vertical .right,
  .contact-wrapper-inner .left,
  .contact-wrapper-inner .right {
    min-width: 100%;
    max-width: 100%;
  }

  .slider-main-content.vertical .left img {
    position: unset;
  }

  footer .footer-form {
    padding: 0;
    max-width: 550px;
    margin-inline: auto;
  }

  .content-wrapper {
    flex-direction: column;
  }

  .content-wrapper.about .text,
  .content-wrapper.about2 .text {
    position: unset;
  }

  .content-wrapper.about,
  .content-wrapper.about2 {
    height: unset;
  }

  .milestone-step {
    opacity: 1;
  }

  nav.navbar {
    padding-block: 16px;
  }



  /* Home */



  .about-main-content .left-content {
    margin-block: 70px;
    transform: translateX(5%);
  }





  .slider-main-content.vertical .left img,
  .slider-main-content.horizontal .top img {
    width: 100%;
    aspect-ratio: 16/6;
    object-fit: cover;
    height: unset;
    position: unset;
  }



  .slider-main-content.horizontal .top,
  .slider-main-content.horizontal .bottom {
    height: unset;

  }


  .slider-main-content.vertical .left,
  .slider-main-content.horizontal .top {
    padding-block: 80px 0;
  }



  .slider-main-content.horizontal .bottom,
  .slider-main-content.vertical .right {
    padding-block: 36px 20px;

  }

  .child-swiper-wrapper .swiper-slide .gallery-slider,
  .child-swiper-wrapper .swiper-slide .gallery-slider img {
    border-radius: 15px;
  }


  .contact-content-block {
    text-align: center;
  }

  .contact-content-block.discover {
    margin-bottom: 30px;
  }

  .contact-wrapper-inner .left {
    padding-block: 0;
  }


  .slide-inner .contact-wrapper-inner .main-heading {
    --main-heading: unset;
    font-size: var(--main-heading);
  }


  .slide-inner .contact-wrapper-inner .contact-content-block p {
    font-size: var(--general-text);
  }

  .contact-wrapper-inner .right .strip {
    column-gap: 10px;
  }


  .contact-wrapper-inner .right :is(.strip:nth-child(1)) {
    transform: unset;
  }

  .contact-wrapper-inner .right :is(.strip:nth-child(2)) {
    transform: unset;
  }

  .contact-wrapper-inner .right .contact-image-wrapper p {
    opacity: 1;
  }

  .contact-wrapper-inner .right .contact-image-wrapper {
    max-width: 100%;
    width: calc(100% / 2 - 5px);
  }

  .slider-main-content footer {
    height: 100%;
    padding-block: 100px 50px;
    background: var(--brand-color);
    color: var(--white);
    margin-top: 0;
    position: relative;
  }

  footer .footer-block {
    justify-content: center;
    text-align: center;
  }

  .slider-main-content footer .highlight {
    color: var(--white);
  }


  footer h2.main-heading {
    margin-bottom: 20px;
  }

  .slider-main-content :is(footer .form-control, footer .form-control:focus, footer .form-select, footer .form-select:focus) {
    border-bottom: 1px solid var(--white);
    color: var(--white);
    text-align: center;
  }

  footer .form-control,
  footer .form-control:focus,
  footer .form-select,
  footer .form-select:focus {
    text-align: center;
  }

  .slider-main-content footer .form-control::placeholder {
    color: var(--white);
  }

  .slider-main-content footer button[type="submit"] {
    color: var(--brand-color);
    background: rgba(var(--white-color), 1);
  }

  .slider-main-content footer .form-select {
    background: url(../images/down-arrow.svg) no-repeat right 10px center;
    background-size: 16px;
  }

  .slider-main-content footer .form-select option {
    background: rgba(var(--black), 1);
    text-align: center;
  }


  .lets-connect {
    margin-bottom: 30px;
  }


  nav.navbar .navbar-nav .nav-link {
    font-size: 6vw;
    text-align: center;
  }


  .offcanvas {
    background-clip: unset;
    min-width: 100%;
  }


  .offcanvas-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }



  .offcanvas-body .navbar-nav.justify-content-end {
    justify-content: center !important;
  }



  .offcanvas-body .navbar-nav .nav-item {
    margin-block: 3vh;
  }


  .contact-wrapper-inner .right .strip:nth-child(2) .contact-image-wrapper img {
    border: none;
  }


  .swiper-slide .slide-inner>.wave {
    display: none;
  }

  .contact-wrapper-inner .right .contact-image-wrapper p {
    bottom: 0px;
    left: 0px;
    width: 100%;
  }

  .contact-wrapper-inner .right {
    row-gap: 10px;
    margin-top: 20px;
  }

  footer::after,
  .slider-main-content footer::after {
    content: "CONTACT";
    top: 0;
    opacity: 1;
    font-size: 20.4vw;
  }


  .slider-main-content.child-swiper-wrapper {
    max-width: calc(100% - 40px);
    margin-inline: auto;
  }


  .contact-wrapper-inner {
    row-gap: 40px;
  }

  /* Home */



  /* Our story */

  article.about-us-inner-main-content:not(article.about-us-inner-main-content:last-child) {
    margin-bottom: 40px;
  }


  .content-wrapper.about img,
  .content-wrapper.about2 img {
    aspect-ratio: 1/1.2;
  }

  .content-wrapper.about {
    flex-direction: column-reverse;
    text-align: center;
  }

  .content-wrapper.about .left-container p,
  .content-wrapper.about2 .left-container p {
    text-align: center !important;
    font-size: var(--general-text);
  }


  .content-wrapper.about .left-container,
  .content-wrapper.about2 .left-container {
    margin-top: 26px;
    margin: 0;
  }

  .major-events-outer-wrapper {
    text-align: center;
    padding-block: 60px 0;
    width: calc(100% - 40px);
    margin-inline: auto;
  }


  .milestone-steps-wrapper {
    padding-inline: 0;
    padding-block: 20px 0;
  }

  article.milestone-step {
    max-width: calc(100% / 2 - 20px);
    font-size: var(--general-text);
    padding-block: 0 20px;
    padding-inline: 16px;
    background: var(--white);
    position: relative;
  }




  .milestone-steps-wrapper::after {
    display: none;
  }

  /* Our story */

  /* Client main  */



  .clientele-outer-wrapper {
    padding-block: 60px 0;
    min-height: 100%;
  }


  .tab-content-wrapper {
    padding-block: 40px 0;
  }

  .categories-wrapper .categories a span.small-hover-desc {
    display: none;
  }

  .categories-wrapper .categories a {
    margin-block: 20px;
  }

  .categories-wrapper .categories a {
    font-size: var(--main-heading);
  }

  /* Client main  */

  /* Contact Us */


  section.contact-wrapper-outer {
    padding-block: 60px 180px;
  }


  .contact-page-main {
    margin-top: 74px;
  }

  .contact-page-main section.contact-wrapper-outer {
    padding-block: 20px 120px;
  }

  /* Contact Us */
  /* Clientele */
  section.clientele-inner-wrapper .content-wrapper {
    margin-block: 40px;
    row-gap: 24px;
  }


  section.clientele-inner-wrapper .content-wrapper:nth-child(2) {
    flex-direction: column-reverse;
    margin-top: 80px;
  }

  section.main-brand-image {
    padding-bottom: 0;
  }

  /* Clientele */




  .slider-main-container-text,
  .right-content>div {
    max-width: 500px;
    margin-inline: auto;
  }

  .hidden-about-container {
    margin-top: 4vh;
  }

  .contact-wrapper-inner .right {
    justify-content: center;
  }


  .content-wrapper.about .right-container,
  .content-wrapper.about2 .right-container {
    height: unset;
  }



  .content-wrapper.about .right-container,
  .content-wrapper.about2 .right-container {
    min-width: 100%;
  }

  section.clientele-inner-wrapper .content-wrapper:nth-child(1) .left,
  section.clientele-inner-wrapper .content-wrapper:nth-child(1) .left img,
  section.clientele-inner-wrapper .content-wrapper:nth-child(2) .right,
  section.clientele-inner-wrapper .content-wrapper:nth-child(2) .right img {
    width: 100%;
  }



  section.clientele-inner-wrapper .content-wrapper:nth-child(1) .right .content-wrapper-inner,
  section.clientele-inner-wrapper .content-wrapper:nth-child(2) .left .content-wrapper-inner {
    position: unset;
  }


  section.main-brand-image {
    width: var(--containerWidth);
    margin-top: 80px;
  }
}

@media(max-width: 768px) {
  :root {
    --main-heading: 42px;
    --general-text: 16px;
  }
}




@media(max-width: 767px) {


  :root {
    --main-heading: 30px;
    --general-text: 15px;
    --containerWidth: calc(100% - 40px);
    --clientele-inline-spacing: 10px;
  }

  article.milestone-step {
    max-width: 100%;
    font-size: var(--general-text);
    padding-block: 0 20px;
    padding-inline: 16px;
    background: var(--white);
    position: relative;
  }

  article.milestone-step:not(article.milestone-step:last-child)::after {
    content: '';
    width: 2px;
    height: 50px;
    background: #E60023;
    display: block;
  }

  .content-wrapper>div {
    min-width: 100%;
  }


  .slider-main-content.vertical .left,
  .slider-main-content.horizontal .top {
    padding-block: 40px 0;
  }

}