/* XL Device :1200px. */

@media screen and (max-width: 1545px) {
   .hero__title {
      max-width: 750px;
   }

   .header__right__shape {
      right: 0;
      top: 0;
   }

   .common__title h3 {
      font-size: 58px;
      line-height: 78px;
   }

   .hero__title.common__title h3 {
      line-height: 62px;
   }

   .service__list__wrap ul li:not(:last-child) {
      margin-bottom: 10px;
   }

   .service__list__wrap ul li {
      font-size: 14px;
   }

   .service__list__1 {
      width: 170px;
   }

   .service__list__2 {
      width: 300px;
   }

   .service__list__4 {
      width: 340px;
   }

   .service__list__6 {
      width: 350px;
   }

   .service__list__7 {
      width: 100px;
   }

   .service__list__8 {
      width: 300px;
   }

   .service__list__11 {
      width: 280px;
   }

   .service__list__wrap ul {
      width: 458px;
   }

   .tailored__title h4 {
      font-size: 20px;
      line-height: 30px;
   }

   .tailored__items a {
      font-size: 18px;
      padding: 10px 0;
   }

   .add__btn a {
      width: 78px;
   }

   .single__protocols h4 {
      font-size: 30px;
      line-height: 33px;
   }

   .single__protocols {
      height: 85px;
   }

   .partner__inner__blk {
      padding-bottom: 150px;
   }

   .explore__right__img {
      max-width: 400px;
      top: 200px;
   }

   .footer__circle__shape img {
      height: 100%;
   }

   .faq__accordion .accordion-button {
      font-size: 28px;
      line-height: 30px;
   }

   .faq__accordion .accordion-item {
      padding: 30px 0;
      border-radius: 30px;
   }

   .faq__area {
      padding: 80px 0;
   }

   .header__video__shape {
      height: 300px;
      width: 300px;
      top: 90px;
   }

   .footer__menu__block {
      margin-bottom: 60px;
   }
   .hero-slide-thumb {
      max-width: 990px;
   }
   .slider-nav {
      bottom: 220px;
   }
}

/* LG Device :992px. */

@media screen and (max-width: 1199px) {
   .common__title h3 {
      font-size: 46px;
      line-height: 58px;
   }

   .service__list__wrap ul {
      width: 375px;
   }

   .groth__right__thumb {
      max-width: 500px;
      margin-left: auto;
   }

   .partner__inner__blk {
      padding-bottom: 50px;
   }

   .protocols__review {
      right: 0;
   }

   .partner__thumb {
      max-width: 450px;
   }

   .explore__right__img {
      max-width: 300px;
   }

   .faq__title h2 {
      font-size: 50px;
      line-height: normal;
   }

   .faq__title {
      margin-bottom: 25px;
   }

   .faq__accordion .accordion-button {
      font-size: 24px;
      line-height: 28px;
   }

   .faq__area {
      padding: 80px 0;
      padding-bottom: 40px;
   }

   .explore__card__icon {
      margin-bottom: 15px;
   }

   .explore__card__text p {
      font-size: 18px;
      line-height: 24px;
   }

   .explore__card__2 .explore__card__text p {
      font-size: 18px;
   }

   .explore__card__3 .explore__card__text p {
      font-size: 18px;
   }

   .explore__card__5 {
      margin-left: 57px;
      margin-top: -35px;
   }

   .explore__inner__block {
      max-width: 632px;
   }

   .explore__card__4 {
      margin-left: 0;
      margin-top: 0;
   }

   .customize__card {
      margin-top: 80px;
   }

   .explore__card {
      border-radius: 24px;
      max-width: 200px;
      height: 145px;
      padding: 20px;
   }

   .header__video__shape {
      height: 265px;
      width: 265px;
      top: 90px;
   }

   .explore__card__icon img {
      height: 37px;
   }

   .header__right__shape {
      width: 428px;
   }

   .hero__title {
      padding-left: 80px;
   }

   .hero__title > span {
      top: 46px;
      left: 15px;
   }

   .header__mini__shape {
      right: 345px;
      top: 200px;
   }
   .hero-slide-thumb {
      max-width: 780px;
   }
   .hero-light-bg {
      width: 95px;
      bottom: 50px;
      z-index: -1;
   }
   .slide-desc {
      font-size: 14px;
   }
   .slider-nav {
      bottom: 160px;
   }
   .slide-numbers {
      font-size: 16px;
      gap: 15px;
   }
   .hero__bottom__shape {
      margin-top: 0px;
   }
   .hero__bottom__shape img {
      height: 140px;
   }
   .hero-slide-content {
      bottom: 0px;
   }
   .hero-slider .swiper-pagination {
      bottom: 0;
   }
}

/* MD Device :768px. */

@media screen and (max-width: 991px) {
   .header__video__shape {
      display: none;
   }

   .header__right__shape {
      display: none;
   }

   .hero__content__shape {
      display: none;
   }

   .header__search {
      width: 100%;
   }

   .header__right__block {
      width: 100%;
   }

   .open__menu {
      font-size: 20px;
      color: #c6c6c6;
      height: 40px;
      width: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      border: 1px solid #c6c6c6;
      flex: 0 0 auto;
   }

   .header__mini__shape {
      right: 60px;
      top: 135px;
   }

   #offcanvasExample {
      background-color: #0d0d0d;
   }

   .offcanvas__menu ul li {
      display: block;
      padding: 5px 0;
      border-bottom: 1px solid #fff;
   }

   .offcanvas__menu ul li a {
      display: block;
      padding: 5px 0;
      display: flex;
      justify-content: space-between;
      color: #fff;
   }

   .header__btn {
      margin-top: 20px;
   }

   .header__btn a {
      width: 100%;
   }

   .offcanvas button {
      opacity: 1;
      filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%)
         hue-rotate(288deg) brightness(102%) contrast(102%);
   }

   .dropdown__menu {
      position: unset;
      opacity: 1;
      visibility: visible;
      width: 100%;
   }

   .offcanvas__menu ul li .dropdown__menu li a {
      padding: 5px;
      color: #000;
   }

   .offcanvas__menu ul li .dropdown__menu li a:hover {
      color: #fff;
   }

   .offcanvas__menu ul li > a[aria-expanded="true"] span {
      transform: rotate(-180deg);
   }

   .offcanvas__menu ul li > a span {
      transition: 0.3s all;
   }

   .hero__bottom__shape img {
      height: 100px;
   }

   .service__area .row {
      --bs-gutter-y: 40px;
   }

   .service__right__thumb {
      max-width: 182px;
   }

   .service__list__wrap {
      justify-content: space-between;
   }

   .service__list__wrap ul {
      width: 495px;
   }

   .groth__right__thumb {
      max-width: 395px;
   }

   .partner__top__block {
      padding-bottom: 75px;
   }

   .partner__thumb {
      margin: 0;
      margin-left: auto;
      max-width: 355px;
   }

   .single__protocols h4 {
      font-size: 24px;
   }

   .single__protocols {
      height: 75px;
      padding: 10px;
      margin-bottom: 10px;
   }

   .add__btn a {
      width: 60px;
   }

   .explore__area {
      padding-top: 50px;
   }

   .footer__top__block {
      padding: 19px;
   }

   .footer__btn {
      font-size: 16px;
   }

   .footer__contents p {
      max-width: 425px;
   }

   .faq__title h2 {
      font-size: 46px;
   }

   .partner__image {
      height: 390px;
   }

   .tailored__block {
      width: 100%;
      flex: 0 0 auto;
   }

   .tailored__items__block {
      flex-direction: column-reverse;
      gap: 10px;
   }

   .footer__top__right {
      margin-right: 0;
   }
   .hero-slide-thumb {
      max-width: 590px;
   }
   .hero-slide-content {
      position: static;
      max-width: 100%;
   }
   .hero-slider .swiper-pagination {
      position: static;
   }
   .hero-slide-title {
      top: 40px;
   }
}

/* SM Small Device :320px. */

@media screen and (max-width: 767px) {
   .copyright__text {
      margin-top: 30px;
   }

   .footer__area {
      padding-bottom: 30px;
   }

   .hero__title {
      padding: 0;
   }

   .header__mini__shape {
      display: none;
   }

   .hero__title > span {
      top: -47px;
      left: 0;
   }

   .hero__title.common__title h3 {
      font-size: 30px;
      line-height: 34px;
   }

   .hero__slide__wrapper .owl-nav {
      bottom: -94px;
      left: 0;
      gap: 10px;
   }

   .hero__slide__wrapper {
      padding: 0;
      padding-top: 44px;
   }

   .hero__bottom__shape {
      display: none;
   }


   .hero__function__icons {
      top: 10px;
   }

   .hero__function__icons a {
      height: 30px;
      width: 30px;
   }

   .hero__function__icons a img {
      height: 13px;
   }

   .hero__slide__wrapper .owl-nav button {
      height: 30px;
      width: 30px;
      font-size: 16px !important;
   }

   .common__title > span {
      padding-top: 10px;
      margin-bottom: 10px;
   }

   .common__title h3 {
      font-size: 32px;
      line-height: 37px;
   }

   .service__inner__block .common__title h3 {
      margin-bottom: 15px;
   }

   .common__title p {
      font-size: 14px;
      line-height: 21px;
   }

   .service__list__wrap ul {
      width: 351px;
      margin: 0 auto;
   }

   .service__list__11 {
      width: 100%;
   }

   .service__list__13 {
      width: 90%;
   }

   .service__list__15 {
      width: 90%;
   }

   .service__list__10 {
      width: 58%;
   }

   .service__list__wrap {
      flex-direction: column;
   }

   .service__right__thumb {
      max-width: 123px;
   }

   .service__area {
      padding-bottom: 40px;
      padding-top: 0;
   }

   .groth__story {
      gap: 10px;
      padding: 10px 22px;
   }

   .groth__story p {
      font-size: 14px;
   }

   .tailored__block {
      max-width: 100%;
   }

   .tailored__items__block {
      gap: 16px;
   }

   .explore__right__img {
      max-width: 200px;
   }

   .explore__inner__block {
      max-width: 350px;
   }

   .explore__card {
      max-width: 165px;
      padding: 12px;
   }

   .explore__card__text p {
      font-size: 16px;
   }

   .explore__card__2 .explore__card__text p {
      font-size: 16px;
   }

   .explore__card__3 .explore__card__text p {
      font-size: 16px;
   }

   .explore__card__3 {
      margin-top: 0;
   }

   .customize__card {
      margin: 0;
   }

   .explore__card__5 {
      margin: 0;
      margin-top: 12px;
   }

   .faq__area {
      padding: 50px 0;
   }

   .faq__title h2 {
      font-size: 42px;
   }

   .faq__accordion .accordion-item {
      padding: 20px 0;
      border-radius: 20px;
   }

   .faq__accordion .accordion-button {
      padding: 0 20px;
      font-size: 20px;
      line-height: 27px;
   }

   .faq__accordion .accordion-body {
      padding: 0 20px;
      padding-top: 14px;
   }

   .footer__top__block {
      flex-direction: column;
      gap: 17px;
   }

   .footer__circle__shape {
      display: none;
   }

   .footer__top__right {
      margin: 0;
   }

   .footer__contents {
      text-align: center;
   }

   .footer__a__shape {
      margin: 0 auto;
      margin-top: 20px;
   }

   .footer__menu__block {
      margin-bottom: 21px;
   }

   .single__footer__contact a {
      padding-top: 14px;
   }

   .header__area {
      padding-top: 15px;
   }

   .faq__accordion .accordion-body {
      font-size: 14px;
   }
   .hero-slider {
      padding-bottom: 100px;
   }
   .slider-nav {
      position: static;
   }
   .slider-nav-button {
      transform: rotate(-90deg);
   }
   .hero-light-bg {
      width: 60px;
      bottom: 80px;
   }
   .hero-slide-title {
      position: static;
      margin-bottom: 20px;
   }
}

/* SM Small Device :550px. */

@media screen and (min-width: 575px) and (max-width: 767px) {
   .service__list__wrap ul {
      width: 451px;
      margin: 0 auto;
   }

   .explore__inner__block {
      max-width: 428px;
   }

   .explore__card {
      max-width: 205px;
      padding: 12px;
   }

   .explore__card__5 {
      width: 205px;
   }
}