/*for-large-dekstop view-1200*/

@media only screen and (min-width: 100px) and (max-width: 1399px) {
    .header-navbar ul {
    gap: 20px;
}

.banner-content h1 {
    font-size: 40px;
}
.header-navbar ul li a {
    font-size: 13px;
}
.arrow-btn-down {
    display: none;
}

.inner-header .inner-header-title h2 {
    font-size: 37px;
}

section.inner-header {
    height: 240px;
}
}

/*for-laptop view-1024*/

@media only screen and (min-width: 100px) and (max-width: 1199px) {
    .header-navbar ul {gap: 14px;}

.header-navbar ul li a {
    font-size: 13px;
}
.arrow-btn-down {
    display: none;
}

.header-button a {
    font-size: 12px;
}

    .header-navbar ul {
        gap: 10px;
    }

}

/*for-tablet view-768*/

@media only screen and (min-width: 100px) and (max-width: 991px) {
    .header-navbar ul li a {
    font-size: 10px;
}
.header-navbar {
    display: none;
}

.header-navbar ul {
    gap: 7px;
}


.header-phone-icon a {
    font-size: 18px !important;
}


.arrow-btn-down a {
    display: none !important;
}

section.hero::before {
    display: none;
}

section.hero::after {
    display: none;
}

.hero-swiper-wrapper {}

.about-us-content.web-title {
    padding-top: 30px;
}
.portfolio-card img {
    padding-bottom: 20px;
}
.banner-img.aos-init.aos-animate {
    background-position: center;
}
}

/*for-landscape_mobile view-576*/

@media only screen and (min-width: 100px) and (max-width: 767px) {
    .banner-title {
    width: 100%;
    padding: 30px 10px;
}

.banner::before {
    width: 100%;
}

body {
    overflow-x: hidden !important;
}

.about-btns {
    flex-direction: column;
    align-items: self-start;
}

.web-title h2 {
    font-size: 35px;
}

.banner-title h1 {
    font-size: 33px;
}

.banner-title h5 {
    font-size: 15px;
}
.banner-buttons a.primary-btn {
    margin-bottom: 10px;
}
a.secondary-btn {
    padding: 18px;
}
.support-content h3 {
    font-size: 30px;
    padding-bottom: 20px;
}
a.support-play {
    right: 50px;
}

.child-badge {
    left: 51%;
}
::before {
    width: 530px;
}
.banner-buttons {
    flex-direction: column;
    gap: 5px;
    align-items: start;
}

.values-bg {
    background-position: right !important;
}


.hero-btn-1 {
    height: 50px;
    padding: 0;
}

.hero-btn-2 {
    bottom: 4%;
    padding: 0;
    min-height: 37px;
}

}

/*for-mobile view-375*/

@media only screen and (min-width: 100px) and (max-width: 575px) {
  .container {
    width: 96%;
  }
  a.support-play {
    right: 10px;
}

.support-content {
    left: 18px;
}
.site-footer__socials {
    padding-bottom: 20px;
}
.web-title.journey-title h2 {
    font-size: 30px;
}

.journey-step-content h4 {
    font-size: 25px;
}

.journey-step-content p {
    font-size: 15px;
}

.inner-header .inner-header-title h2 {
    font-size: 37px;
}

section.inner-header {
    height: 240px;
}
}

/*for-small_mobile view-320*/

@media only screen and (min-width: 100px) and (max-width: 374px) {
    .support-content h3 {
    font-size: 20px;
}

.support-content {
    top: 45%;
    left: 15px;
}
.site-footer__socials {
    padding-bottom: 20px;
}
.web-title.journey-title h2 {
    font-size: 30px;
}

.journey-step-content h4 {
    font-size: 25px;
}

.journey-step-content p {
    font-size: 15px;
}

.inner-header .inner-header-title h2 {
    font-size: 37px;
}

section.inner-header {
    height: 240px;
}
}