@media screen and (max-width:1920px) {
    html {
        font-size: 100% !important;
    }
}
@media screen and (max-width:1800px) {
    html {
        font-size: 90% !important;
    }
}
@media screen and (max-width:1632px) {
    html {
        font-size: 85% !important;
    }
   
}
@media screen and (max-width:1440px) {
    html {
        font-size: 75% !important;
    }
}
@media screen and (max-width:1200px) {
    .about-us .section-content>.row>.col:nth-child(2)>.col-inner {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .icon-box.Nurturing {
        left: 0;
    }
    .icon-box.local {
        right: 0;
        top: 0;
    }
    .banner-top .bg-fill {
        background-position: 70% 50%;
    }
}
@media screen and (max-width:849px) {
    html {
        font-size: 100% !important;
    }
    .desk {
        display: none !important;
    }
    .mobile {
        display: block !important;
    }
    a.button.primary, a.button.secondary {
        font-size: 16px;
    }
    .section .section-content >.row >.col {
        padding-left: 30px;
        padding-right: 30px;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }
    .banner-top h2, h1, .banner h1  {
        font-size: 30px !important;
        line-height:34px;   
    }
    .banner-top {
        padding-top: 40px !important;
    }
    h2 {
        font-size: 30px !important;
        line-height:36px;
    }
    h3 {
        font-size: 20px !important;
        line-height:24px;
    }
        body,
    p {
        font-family: var(--text-font);
        font-size: 15px;
        line-height: 18px;
    }
    .animation-h2 {
        height: 80px;
    }
    .animation-h1 {
        height: auto;
        overflow: hidden;
        max-width: 400px;
    }
    
    .about-us .row .col:nth-child(2) .col-inner {
        border-radius: 0;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;

    }
    .about-us .section-content>.row>.col:nth-child(2)>.col-inner{
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .mw-500 {
        max-width: 100%;
    }
    .about-us .row {
        max-width: 600px !important;
    }
    .about-us .row .col:nth-child(1) .col-inner {
        border-radius: 0;
        border-top-right-radius: 17rem;
        border-top-left-radius: 17rem;
    }

    .support-workers .row .col:nth-child(1) .col-inner {
        max-width: 100%;
        margin-left: 0;
    }
    .icon-box {
        padding: 0.7rem 1rem;
    }
    .icon-box .icon-box-img {
        width: 28px !important;
        margin-right: 1rem;
    }
    .icon-box .icon-box-text p {
        font-size: 14px;
        line-height: 17px;
    }
    .support-workers .section-content >.row >.col:nth-child(2) {
        position: relative;
        padding-left: 0;
        padding-right: 0;
        margin-left: -20px;
    }
    .icon-box.empowering {
        left: 30px;
    }
    .four-icon-box .icon-box .icon-box-text p {
        font-size: 18px;
        line-height: 22px;
    }
    .four-icon-box .icon-box {
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .about-us {
        padding-bottom: 50px !important;
        padding-top: 10px !important;
    }
    .support-workers {
        padding-top: 50px !important;
        padding-bottom: 30px !important;
    }
    .four-icon-box {
        padding-top: 45px !important;
        padding-bottom: 20px !important;
    }
    label._form-label {
        font-size: 16px !important;
    }
    .contact-form-sec {
        padding-top: 50px!important;
        padding-bottom: 0 !important;
    }
    .gap-element {
        padding-top: 20px !important;
    }
    .footer-sec .row .col:nth-child(2) {
        order: -1;
        padding-bottom: 40px !important;
    }
    .footer-sec .row .col:nth-child(2)::after,
    .footer-sec  h3::after {
        content: '';
        display: block;
        background-image: linear-gradient(261deg, #9E4995 0%, #D25958 100%);
        font-weight: normal;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
        width: 100%;
        height: 4px;
        margin-top: 40px;
        position: relative;
        z-index: -1;
        border-radius: 0;
    }
    .footer-sec .img {
        max-width: 230px;
        margin-right: auto;
    }
    .footer-sec  .section-content >.row >.col {
        text-align: center;
    }
    .footer-sec  h3 {
        margin-bottom: 35px;
    }
    .footer-sec span.ux-menu-link__text,
    .p-link p {
        font-size: 14px;
        font-family: var(--text-font);
        margin-bottom: 5px;
    }
    .footer-sec .ux-menu .ux-menu-link .ux-menu-link__link {
        padding: 0 7px !important;
    }
    .contact-form-sec p {
        margin-bottom: 2rem;
    }
    .contact-form-sec .section-bg {
        border-radius: 30px;
    }
    .mw-336 {
        max-width: 227px;
        margin-bottom: 15px!important;
        height: 5rem;
    }
    .banner-top .row .col {
        padding-bottom: 0;
    }
    .banner-top .row .col .col-inner{
        align-items: center;
        max-width: 100%;
    }
    .animation-h1 {
        max-width: 304px;
    }
    .img-banner {
        margin-bottom: -27px !important;
    }
    .banner-top h2 strong::after {
        height: 4px;
        margin-top: -1px;
    }
    .banner-top h2 strong::before {
        margin-top: 33px;
        right: 39px;
    }
    .icon-box.Nurturing {
        left: -15px;
        top: 9%;
    }
    .icon-box.committed {
        bottom: 9%;
    }
    .support-workers a.button {
        margin-bottom: 30px;
    }
    .footer-sec .ux-menu {
        justify-content: center;
    }
    .header-top p {
        position: relative;
        /*overflow-wrap: break-word;*/
        animation: myAnimation 30s ease-out infinite;
        -moz-animation: myAnimation 30s ease-out infinite;
        -webkit-animation: myAnimation 30s ease-out infinite;
        -o-animation: myAnimation 30s ease-out infinite;
    }
    @keyframes myAnimation {
        from {left: 40px;}
        to {left: -450px;}
    }

    /* Hien thi cho Firefox */
    @-moz-keyframes myAnimation {
        from {left: 40px;}
        to {left: -450px;}
    }

    /* Hien thi cho Safari and Chrome */
    @-webkit-keyframes myAnimation {
        from {left: 40px;}
        to {left: -450px;}
    }

    /* Hien thi cho Opera */
    @-o-keyframes myAnimation {
        from {left: 40px;}
        to {left: -450px;}
    }

}


@media screen and (max-width:549px) {
    .banner-top {
        padding-top: 30px!important;
    }
    .col-button {
        text-align: center;
    }
    .about-us .row .col:nth-child(2) .col-inner {
        align-items: center;
    }
    .about-us .col-button {
        padding-left: 0;
    }
    .banner-top h1 {
        text-align: center;
    }
        
}
@media screen and (max-width:450px) {

    .icon-box.local {
        top: -3%;
    }
}
@media screen and (max-width:400px) {

    .footer-sec h3 {
        font-size: 17px !important;
        line-height: 20px;
    }
    .footer-sec.section .section-content >.row >.col {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width:350px) {

    a.button.primary, a.button.secondary {
        padding: 0 20px;
    }
    .rc-anchor-normal {
        width: 200px;
    }
    .rc-anchor-normal .rc-anchor-checkbox-label {
        width: 140px;
    }
    .footer-sec .ux-menu .ux-menu-link .ux-menu-link__link {
        padding: 0 7px !important;
        width: max-content;
    }

}