@media all and (min-width:1600px) {
    .banner-inner-img .big-img {
        max-width: unset;
        height: 630px;
    }

    .banner-inner-img .small-img {
        top: calc(100% - 310px);
    }
}

@media all and (max-width:1599px) {
    .banner-inner-img .small-img {
        max-width: 265px;
    }
}

@media all and (max-width:1399px) {
    .banner-inf-inner {
        padding-left: 0px;
    }

    .banner-info {
        justify-content: start !important;
    }

    .banner-inf-inner h1 {
        font-size: 80px;
        line-height: 85px;
    }

    .banner-inf-inner p {
        padding: 45px 0 35px 0;
    }

    .banner-inner-img .small-img {
        max-width: 250px;
    }

    .banner-info {
        min-width: unset;
        margin: unset;
    }
}

@media all and (max-width:1199px) {


    .contact-form form {
        padding: 40px 29px;
        height: unset;
    }

    .contact-img img {
        height: 600px;
    }

    .contact-inner .mission-header h2 {
        font-size: 42px;
        line-height: 55px;
    }

    .footer-nav {
        gap: 62px;
    }

    .banner-main {
        align-items: center;
    }

    .mission-inner {
        padding: 30px 50px;
    }

    .react-out-inner {
        margin-left: unset;
        padding: 40px;
        width: unset;
    }

    .mission-inner h2 br {
        display: none;
    }
}

@media all and (max-width:991px) {
    body {
        padding-top: 81px;
    }

    section {
        padding: 30px 0;
        scroll-margin-top: 81px;
    }

    .navbar-toggler {
        display: flex;
    }

    h2 {
        font-size: 25px !important;
        line-height: 35px !important;
    }

    a {
        font-size: 14px;
    }

    .navbar {
        flex-wrap: wrap;
    }

    .flex-lg-col {
        flex-direction: column !important;
    }

    .navbar-nav {
        gap: 0px;
        padding: 20px 0;
    }

    .navbar-nav .nav-item {
        padding-left: 35px;
    }

    .w-md-100 {
        width: 100% !important;
    }

    .banner-inf-inner h1 {
        font-size: 50px;
        line-height: 62px;
    }

    .banner-inf-inner p {
        padding: 40px 0 30px 0;
    }

    .banner-inner-img .small-img {
        display: none;
    }

    .navbar-brand {
        max-width: 130px;
        display: inline-flex;
    }

    .footer-nav {
        gap: 0;
    }

    .react-out-inner {
        padding: 20px;
    }

    .react-out-slider {
        margin-bottom: 20px;
    }

    .contact-form form {
        position: static;
        width: 100%;
        padding: 20px 9px;
    }

    .contact-inner .mission-header-box {
        padding-bottom: 35px;
    }

    .contact-us-form-box {
        gap: 20px;
    }

    .contact-img img {
        height: unset;
    }

    .navbar-collapse {
        position: relative;
    }

    .navbar-nav {
        position: absolute;
        top: 0;
        right: -150%;
        transition: all ease 0.3s;
        background: #fff;
    }

    .navbar-collapse.active .navbar-nav {
        right: -20px;
        width: 120%;
    }

    .header-main .navbar {
        padding: 24px 0;
    }

    .header-main.scrolled .navbar-nav {
        box-shadow: 0 18px 30px 0 rgb(0 0 0 / 5%);
    }

    .mission-box {
        padding: 25px;
    }

    .mission-main-box {
        top: 0;
    }

    .mission-inner {
        padding: 30px 20px;
    }

    .banner-inf-inner a:hover img,
    .mission-box a:hover img,
    .react-out-link a:hover img {
        transform: unset;
        text-decoration: none !important;
    }

    .pb-full {
        padding-bottom: 60px !important;
    }

    .footer-nav {
        gap: 15px;
        padding: 30px 0;

    }

    .footer-main .nav-link {
        padding: 0;
    }

    .footer-items-box {
        padding-bottom: 0;
    }

    .footer-bottom {
        padding-top: 30px;
    }

    .footer-main {
        padding: 60px 0 60px 0;
    }

    .mission-main-box {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media all and (max-width:767px) {

    /* section {
        padding: 50px 0;
    } */
    .pt-0 {
        padding-top: 0;
    }

    .p-0 {
        padding: 0;
    }

    p br {
        display: none;
    }

    .contact-info {
        gap: 15px;
        margin-bottom: 20px;
    }

    .hand-main .container {
        padding: 0;
    }

    .banner-main {
        gap: 40px;
    }

    .flex-md-col {
        flex-direction: column !important;
    }

    .banner-info {
        justify-content: start !important;
        order: 1;
    }

    .mission-header-box {
        align-items: start !important;
        gap: 30px !important;
    }

    .mission-header p {
        padding-bottom: 15px;
    }

    .contact-us-main .container,
    .mission-main .container {
        padding: 0;
    }

    .contact-us-main .mission-header-box {
        padding-left: 20px;
        padding-right: 20px;
    }

    .mission-main-box {
        flex-wrap: wrap;
    }

    .mission-img {
        padding: 30px 0;
    }

    .mission-box p {
        padding-bottom: 25px;
    }
}

@media all and (max-width:567px) {}