@media (min-width:576px) and (max-width:1799px) {
    .container {
        max-width: 85% !important;
    }
}
@media (min-width:992px) and (max-width:1199px) {
  .about_banner_vector img {
    width: 50px;
  }
}
@media (max-width:1499px){
    .circle_div{
        display: none !important;
    }
    .your_gatway_img_div .animation_img_2 {
      left: 27%;
      top: 6%;
    }
}

@media (max-width:1399px){
    .your_gatway_img_div .animation_img_2 {
        left: 23%;
        top: 0%;
    }
    .your_gatway_img_div .animation_img_1 {
      right: 26%;
      bottom: 35%;
      width: 27%;
      animation: up_down 3.5s infinite alternate linear;
    }
}

@media (max-width:1299px){
    .our_commitment_section .accordion-item {
        min-width: 14rem;
        width: 14rem;
    }
}

@media (max-width:1199px){
    .offcanvas_bg_text {
        font-size: 16rem;
    }
    .banner_section h1 {
        font-size: 50px;
        line-height: normal;
    }
    h2 {
      font-size: 42px;
      line-height: 55px;
    }
}

@media (max-width:1049px){
    .your_gatway_img_div .animation_img_2 {
        left: 21%;
        top: -4%;
    }
}

@media (max-width:991px) {
    .our_commitment_section .accordion-item {
        min-width: 100%;
        width: 100%;
    }
    .our_commitment_section .accordion-button span {
        display: none !important;
    }
    .our_commitment_section .accordion-item .accordion-button p {
        opacity: 1;
    }
    .our_commitment_section .accordion-item .accordion-button {
        max-height: unset;
        min-height: unset;
        cursor: unset;
    }
    .our_commitment_section .accordion-item .accordion-button p {
        max-height: unset;
    }
    .our_commitment_section .accordion-item::before {
        background: #FF4D02 !important;
    }
    h2 {
        font-size: 46px;
        line-height: 56px;
    }
    .offcanvas_bg_text {
        font-size: 10rem;
    }
    .banner_section .content_div{
        /* position: relative !important; */
        top: unset;
        padding-bottom: 35px;
    }
    .banner_section {
        padding: 10rem 0 5rem;
    }
    .who_we_are_section {
        min-height: 60vh;
    }
    .your_gatway_img_div .animation_img_2 {
        left: 33%;
        top: 10%;
    }
    .ecosystem_banner_img_section {
      margin-bottom: 0;
      max-width: 400px;
    }
    .ecosystem_banner {
        padding-bottom: 0 !important;
        min-height: unset;
    }
}

@media (max-width:767px) {
    h2 {
        font-size: 32px;
        line-height: normal;
    }
    .navigation_ul li a {
        font-size: 26px;
    }
    .ecosystem_nav_ul li a {
        font-size: 22px;
    }
    .ecosystem_nav_ul {
        gap: 16px;
    }
    .navigation_ul {
        gap: 24px;
    }
    .banner_section h1 {
        font-size: 40px;
    }
    .who_we_are_section {
        min-height: unset;
    }
    .your_gatway_img_div .animation_img_2 {
        left: 30%;
        top: 8%;
    }
}

@media (max-width:576px) {
    body {
        font-size: 16px;
      }
    .key_features_section h3 {
        font-size: 20px;
        padding: 14px;
    }
    .accordion_type_1 .accordion-button span {
        width: 26px;
        min-width: 26px;
        height: 26px;
        min-height: 26px;
        border-radius: 4px;
    }
    .accordion_type_1 .accordion-button span::after, .accordion_type_1 .accordion-button span::before {
        width: 10px;
    }
    .accordion_type_1 .accordion-button span::after {
        height: 10px;
        width: 2px;
    }
    .card_type_1 {
        padding: 25px;
    }
    .banner_section {
        padding: 8rem 0 3rem;
        min-height: unset;
    }
    h2 {
        font-size: 30px;
    }
    header .navbar-brand img {
        width: 120px;
    }
    .btn {
        font-size: 14px;
    }
    .offcanvas_toggle {
        border-radius: 8px;
        width: 38px;
        height: 38px;
    }
    .offcanvas_toggle svg {
        width: 20px;
    }
    .signup_btn {
        border-radius: 6px;
        padding: 6px 16px;
    }
    .common_section_2 {
        padding: 40px 0;
    }
    .common_section {
        padding: 20px 0;
    }
    .accordion_type_1 .accordion-button {
        font-size: 20px;
    }
    .accordion_type_1 .accordion-item {
        padding: 12px 4px;
    }
    .scroll_top_button {
        right: 24px;
        bottom: 30px;
        border-radius: 8px;
        width: 40px;
        height: 40px;
    }
    .connected_lifestyle {
        padding: 30px 0 !important;
    }
    .btn_primary {
        padding: 12px 14px;
        border-radius: 10px;
        gap: 12px;
    }
    header.scroll_header .offcanvas_div {
        height: calc(100vh - 58px);
    }
    header .navbar {
        padding: 20px 0;
    }
    .offcanvas_div {
        height: calc(100vh - 78px);
        padding: 2rem 0;
    }
    .offcanvas_bg_text {
        font-size: 6rem;
    }
    .banner_section h1 {
        font-size: 34px;
    }
    footer h3 {
        font-size: 20px;
    }
    .banner_section p {
        line-height: unset;
    }
    .section_para {
        line-height: unset;
    }
    .contact_section .form-control {
        padding: 14px;
        font-size: 18px;
        border-radius: 8px;
    }
    .your_gatway_img_div .animation_img_2 {
        left: 27%;
        top: 2%;
    }
    .banner_section .banner_main_img {
        display: none;
    }
    .banner_section .content_div{
        position: relative !important;
    }
    video {
        width: 100%;
        height: auto !important;
    }
}

@media (max-width:480px) {
  .about_banner_vector img {
    width: 42px;
  }
}

@media (max-width:412px) {
    .your_gatway_img_div .animation_img_2 {
        left: 24% !important;
        top: -2% !important;
    }
}
@media (max-width:426px) {
    .f_second_last_line {
        display: none;
    }
}
@media (max-width:360px) {
    .your_gatway_img_div .animation_img_2 {
        left: 22% !important;
        top: -4% !important;
    }

    .about_banner .btn_primary img {
            width: 18px;
        }
}