#mobile-website {
    display: none;
    background-color: white;
}

#mobile-website:before {
    content: '';
    position: absolute;
    left: 0;
    top: -100vh;
    height: 100vh;
    width: 100vw;
    background-color: #E0559A;
}

#mobile-slide-contact {
    display: flex;
    justify-content: center;
    align-self: flex-end;
    margin: 0 auto -10px auto;
    padding-top: 30px;
    z-index: 2;
    font-size: calc(14px + 0.4vw);
    white-space: nowrap;
}

#mobile-slide-contact-info {
    color: rgb(50, 60, 70);
    display: flex;
    align-items: center;
}

#mobile-slide-contact a[href^=tel] {
    color: rgb(50, 60, 70);
    text-decoration:none;
}

#mobile-social-networks-btn {
    display: flex;
    align-items: center;
}

#mobile-social-networks-btn a {
    cursor: pointer;
    text-decoration: none;
}

#mobile-social-networks-btn a:first-child svg {
    fill: #1278F3;
}

#mobile-social-networks-btn a:last-child svg {
    fill: #1DA1F2;
}

#mobile-social-networks-btn a svg {
    transition: 0.15s ease;
    height: calc(22px + 0.5vw);
    width: calc(22px + 0.5vw);
    position: relative;
    top: 1px;
}

#mobile-social-networks-btn a:not(:last-child) {
    margin-right: 14px;
}

#mobile-myperischool-logo {
    min-width: 200px;
    max-width: 380px;
    width: 47vw;
    height: auto;
    margin: 35px auto 0 auto;
    position: relative;
    display: block;
}

#mobile-notre-solution-container {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: relative;
}

#mobile-notre-solution-subcontainer {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    left: -40px;
}

#mobile-home-devices {
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 2;
}

#mobile-home-devices img {
    object-fit: contain;
}

#mobile-home-devices #mobile-home-computer-container {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    height: fit-content;
}

#mobile-home-devices #mobile-home-computer-container img {
    height: 410px;
    width: auto;
}

#mobile-home-devices #mobile-home-computer-container picture:not(:first-child) img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

@keyframes mobileHomeComputerCard1 {
    0% {
        opacity: 1;
        transform: translateY(0%);
    }
    60% {
        opacity: 1;
        transform: translateY(0%);
    }
    65% {
        opacity: 0;
        transform: translateY(0%);
    }
    80% {
        opacity: 0;
        transform: translateY(-5%);
    }
    85% {
        opacity: 1;
        transform: translateY(0%);
    }
}

#mobile-home-devices #mobile-home-computer-container picture:nth-child(2) img {
    animation: mobileHomeComputerCard1 8s ease infinite;
}

@keyframes mobileHomeComputerCard2 {
    0% {
        opacity: 1;
        transform: translateY(0%);
    }
    60% {
        opacity: 1;
        transform: translateY(0%);
    }
    65% {
        opacity: 0;
        transform: translateY(0%);
    }
    85% {
        opacity: 0;
        transform: translateY(-5%);
    }
    90% {
        opacity: 1;
        transform: translateY(0%);
    }
}

#mobile-home-devices #mobile-home-computer-container picture:nth-child(3) img {
    animation: mobileHomeComputerCard2 8s ease infinite;
}

@keyframes mobileHomeComputerCard3 {
    0% {
        opacity: 1;
        transform: translateY(0%);
    }
    60% {
        opacity: 1;
        transform: translateY(0%);
    }
    65% {
        opacity: 0;
        transform: translateY(0%);
    }
    90% {
        opacity: 0;
        transform: translateY(-5%);
    }
    95% {
        opacity: 1;
        transform: translateY(0%);
    }
}

#mobile-home-devices #mobile-home-computer-container picture:nth-child(4) img {
    animation: mobileHomeComputerCard3 8s ease infinite;
}

#mobile-home-devices picture:nth-child(2) img {
    height: 130px;
    width: auto;
    margin-bottom: 48px;
    margin-left: -175px;
    position: relative;
}

#mobile-home-devices picture:nth-child(3) img {
    height: 90px;
    width: auto;
    margin-bottom: 50px;
    margin-left: -262px;
    position: relative;
}

#mobile-notre-solution {
    width: 440px;
    margin-bottom: 110px;
    margin-left: -130px;
    position: relative;
    z-index: 1;
}

#mobile-notre-solution > div:first-child {
    color: #00284D;
    padding: 0 0 12px 125px;
    font-family: Qualy, sans-serif;
    font-size: 22px;
}

#mobile-notre-solution > div:last-child {
    background-color: #00284D;
    color: white;
    font-family: Qualy, sans-serif;
    padding: 22px 0 22px 125px;
    font-size: 38px;
    border-radius: 0 8px 8px 0;
    line-height: 46px;
}

#mobile-notre-solution > div:last-child span {
    color: #0091EA;
    margin-right: 10px;
}

#mobile-waigeo-container {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 0 auto;
    width: fit-content;
    text-decoration: none;
    position: relative;
}

#mobile-waigeo-container img {
    min-width: 120px;
    max-width: 300px;
    width: 18vw;
    height: auto;
    object-fit: contain;
}

#mobile-waigeo-container div {
    color: rgb(50, 60, 70);
    margin-right: 18px;
    margin-bottom: 8%;
    font-size: calc(12px + 0.5vw);
}

@keyframes mobileContactUsBtnAnimation {
    0% {
        background-color: rgb(30, 40, 50);
    }
    4% {
        background-color: #0091EA;
    }
    8% {
        background-color: rgb(30, 40, 50);
    }
    12% {
        background-color: #0091EA;
    }
    16% {
        background-color: rgb(30, 40, 50);
    }
}

.mobile-contact-us-btn {
    background-color: rgb(30, 40, 50);
    color: white;
    font-family: Qualy, sans-serif;
    border: none;
    cursor: pointer;
    transition: 0.15s ease;
    padding: 12px 20px 10px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-size: calc(12px + 0.9vw);
    margin: 35px auto 20px auto;
    flex-shrink: 0;
    animation: mobileContactUsBtnAnimation infinite 8s;
    animation-delay: 4s;
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content;
}

@keyframes mobilePatternAnimation {
    from {
        transform: translateX(-50%);
    }
    to {
        transform: translateX(0%);
    }
}

#mobile-pattern {
    margin: -6vw 0 -20px -10px;
    width: 350vw;
    height: auto;
    position: relative;
    z-index: 1;
    transform: translateX(-50%);
    animation: mobilePatternAnimation 100s linear infinite alternate;
    opacity: 0;
}

#mobile-brochure-download-button {
    text-decoration: none;
    padding: 14px 18px;
    border-radius: 20px;
    transition: 0.15s ease;
    background-color: rgba(255, 255, 255, 0.15);
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 6px 8px rgba(0, 10, 20, 0.1), 0 0 2px rgba(0, 10, 20, 0.12);
    margin: 0 auto;
    color: rgb(50, 60, 70);
    width: fit-content;
}

#mobile-brochure-download-button svg {
    margin-right: 4px;
    transition: 0.15s ease;
    fill: #E62610;
    width: 28px;
    height: 28px;
}

#mobile-brochure-download-button div {
    margin-top: 6px;
    font-size: 14px;
    text-align: center;
}

.circle {
    width: 112vw;
    height: 112vw;
    margin: 60px 0 0 -6vw;
    border-radius: 50%;
    position: relative;
}

#mobile-container-1 {
    margin-top: -30vw;
    margin-bottom: 15vw;
}

#mobile-container-1 .circle {
    background: linear-gradient(#6378FF, #001799);
}

#mobile-container-2 .circle {
    background: linear-gradient(#0091EA, #002699);
}

#mobile-container-3 .circle {
    background: linear-gradient(#15AD3C, #005238);
}

#mobile-container-4 .circle {
    background: linear-gradient(#78C72A, #0E5703);
}

@keyframes mobileElectronicSignatureAnimation {
    from {
        transform: translateY(-20vw);
        opacity: 0;
    }
    to {
        transform: translateY(0vw);
        opacity: 1;
    }
}

#mobile-electronic-signature {
    width: 60vw;
    height: 32vw;
    border-radius: 8px;
    object-fit: cover;
    margin: -90vw auto 0 auto;
    display: block;
    position: relative;
    z-index: 2;
    left: -7vw;
    opacity: 0;
}

@keyframes mobileArrowAnimation {
    from {
        transform: translateY(0px);
    }
    to {
        transform: translateY(10px);
    }
}

#mobile-arrow-1 {
    width: 15vw;
    height: auto;
    margin: -8vw auto 0 auto;
    display: block;
    position: relative;
    left: 12vw;
    animation: mobileArrowAnimation infinite alternate ease 0.5s;
    z-index: 3;
}

#mobile-computer-1 {
    width: 124vw;
    height: auto;
    margin: -25vw 0 0 -12vw;
    display: block;
    position: relative;
    z-index: 2;
}

.mobile-features {
    transform: scale(0.6);
    margin-left: -50vw;
}

.mobile-feature {
    display: flex;
    align-items: center;
    font-size: 3vw;
    color: rgb(20, 30, 40);
    padding: 10px 20px;
    box-sizing: border-box;
    width: 75vw;
    margin-left: 2vw;
}

.mobile-feature > div:first-child {
    border-radius: 50%;
    width: 9vw;
    height: 9vw;
    margin-right: 30px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.mobile-feature > div:first-child svg {
    fill: white;
    width: 4.5vw;
    height: 4.5vw;
}

.mobile-title {
    text-align: center;
    font-family: Qualy, sans-serif;
    font-size: 5vw;
    color: rgb(20, 30, 40);
}

.mobile-title-line {
    width: 80px;
    height: 4px;
    border-radius: 10px;
    margin: 15px auto 20px auto;
}

#mobile-container-1 .mobile-title span {
    color: #596EE6;
}

#mobile-container-1 .mobile-title-line, #mobile-container-1 .mobile-feature > div:first-child {
    background-color: #596EE6;
}

#mobile-container-2 .mobile-title span {
    color: #0091EA;
}

#mobile-container-2 .mobile-title-line, #mobile-container-2 .mobile-feature > div:first-child {
    background-color: #0091EA;
}

#mobile-container-2 .mobile-white-pattern {
    bottom: 2vw;
}

#mobile-container-3 .mobile-title span {
    color: #15AD3C;
}

#mobile-container-3 .mobile-title-line, #mobile-container-3 .mobile-feature > div:first-child {
    background-color: #15AD3C;
}

#mobile-container-3 .mobile-white-pattern {
    bottom: 2vw;
}

#mobile-container-4 .mobile-title span {
    color: #68AD25;
}

#mobile-container-4 .mobile-title-line, #mobile-container-4 .mobile-feature > div:first-child {
    background-color: #68AD25;
}

#gray-mobile-container .mobile-title {
    margin-top: 80px;
    font-size: 4vw;
    color: rgb(50, 60, 70);
    position: relative;
    z-index: 2;
}

#gray-mobile-container .mobile-title-line {
    background-color: rgb(50, 60, 70);
    position: relative;
    z-index: 2;
}

#mobile-tablet-container {
    width: 124vw;
    height: 100vw;
    position: relative;
    z-index: 2;
    margin: -104vw 0 40px -12vw;
}

@keyframes mobileTabletChildrenAnimation {
    from {
        transform: scale(1.1) translateX(-70px) translateY(-45px);
        opacity: 0;
    }
    to {
        transform: scale(1) translateX(0px) translateY(0px);
        opacity: 1;
    }
}

#mobile-tablet-container > picture img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#mobile-tablet-container > picture:last-child img {
    opacity: 0;
}

@keyframes mobileComputerAnimation {
    from {
        transform: scale(1.1) translateX(-70px) translateY(-8px);
        opacity: 0;
    }
    to {
        transform: scale(1) translateX(0px) translateY(0px);
        opacity: 1;
    }
}

#mobile-computer-container {
    width: 136vw;
    height: 100vw;
    position: relative;
    z-index: 2;
    margin: -102vw 0 0 -22vw;
}

#mobile-computer-container > picture img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@keyframes mobileComputerAnimation {
    from {
        transform: scale(1.1) translateX(-80px) translateY(-15px);
        opacity: 0;
    }
    to {
        transform: scale(1) translateX(0px) translateY(0px);
        opacity: 1;
    }
}

#mobile-computer-container > picture:last-child img {
    opacity: 0;
}

#mobile-parent-and-baby {
    width: 62vw;
    margin: -90vw auto 0 auto;
    display: block;
    position: relative;
    z-index: 2;
    border-radius: 8px;
    left: -3.5vw;
}

#mobile-arrow-2 {
    width: 15vw;
    height: auto;
    margin: -10vw auto 0 auto;
    display: block;
    position: relative;
    left: 12vw;
    animation: mobileArrowAnimation infinite alternate ease 0.5s;
    z-index: 3;
}

#mobile-multicolored-powder {
    width: 140vw;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    position: absolute;
    top: -20vw;
    left: -30vw;
}

#mobile-applications {
    position: relative;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin: 5vw auto 0 auto;
    height: fit-content;
    padding: 0 120px;
}

.mobile-application {
    display: flex;
    flex-direction: column;
    text-align: center;
    background-color: white;
    padding: 18px;
    border-radius: 10px;
    height: auto;
    width: 42vw;
    max-width: 300px;
    margin: 2vw;
    box-shadow: 0 5px 12px -2px rgba(0, 20, 40, 0.25), 0 2px 2px rgba(0, 20, 40, 0.15);
    flex-shrink: 0;
    text-decoration: none;
    color: rgb(50, 60, 70);
    font-size: 14px;
    cursor: pointer;
    transition: 0.15s ease;
    position: relative;
    box-sizing: border-box;
    align-items: center;
}

.mobile-application img {
    height: 108px;
    width: auto;
    margin-right: 0;
    margin-bottom: 10px;
    object-fit: contain;
}

.mobile-application > div > div:last-child {
    margin-top: 12px;
    font-weight: bold;
}

#last-mobile-application {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

#last-mobile-application > span > span {
    color: #0091EA;
}

#mobile-contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
    box-sizing: border-box;
    position: relative;
    margin-top: 80px;
}

#mobile-contact a {
    text-decoration: none;
    text-align: center;
}

#mobile-contact a div {
    margin-top: 20px;
    font-size: 2.75vw;
    color: #215A86;
}

#mobile-contact a[href^=tel] {
    color: #215A86;
}

#mobile-contact a img {
    width: 50vw;
    max-width: 300px;
    height: auto;
}

#mobile-contact > div:last-child {
    display: flex;
    flex-direction: column;
    text-align: center;
    color: rgb(50, 60, 70);
    font-size: 2vw;
}

#mobile-contact > div:last-child > *:not(:last-child) {
    margin-bottom: 5px;
}

#mobile-contact > div:last-child a, #mobile-contact > div:last-child a[href^=tel] {
    color: rgb(50, 60, 70);
}

#mobile-footer {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: rgb(50, 60, 70);
    opacity: 0.6;
    margin: 60px auto 40px auto;
    bottom: 0;
}

#mobile-footer > * {
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
}

#mobile-footer a {
    color: rgb(50, 60, 70);
    text-decoration: none;
}

#mobile-footer span {
    margin-right: 30px;
}

.mobile-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -69vw 0 -50vw -15vw;
}

#mobile-container-2 {
    margin-top: -80vw;
}

#mobile-container-3 {
    margin-top: -71vw;
}

#mobile-container-4 {
    margin-top: -71vw;
    margin-bottom: -28vw;
}

#mobile-container-2, #mobile-container-4 {
    flex-direction: row-reverse;
}

#mobile-container-2 .mobile-features {
    margin-left: 58vw;
}

#mobile-container-4 .mobile-features {
    margin-left: 29vw;
}

#mobile-container-2 .mobile-circle-images {
    margin-left: -54vw;
}

#mobile-container-4 .mobile-circle-images {
    margin-left: -42vw;
}

.mobile-circle-images {
    transform: scale(0.4);
}

#mobile-blue-wave {
    width: 100vw;
    height: auto;
    margin-top: 25px;
}

#mobile-smartphone-container {
    width: 200vw;
    height: 100vw;
    position: relative;
    z-index: 2;
    margin: -104vw 0 45px -54vw;
}

#mobile-smartphone-container > picture img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@keyframes mobileSmartphoneAnimation {
    from {
        transform: scale(1.1) translateX(-80px);
        opacity: 0;
    }
    to {
        transform: scale(1) translateX(0px);
        opacity: 1;
    }
}

#mobile-smartphone-container > picture:last-child img {
    opacity: 0;
}

#mobile-certificate-container {
    border-radius: 30px;
    width: -moz-fit-content;
    width: fit-content;
    height: fit-content;
    overflow: hidden;
    line-height: 0;
    box-shadow: 0 6px 12px -2px rgba(0, 10, 20, 0.35);
    position: relative;
    z-index: 2;
    margin: -100vw auto 20vw auto;
    box-sizing: border-box;
    left: -3vw;
}

#mobile-certificate-container picture img {
    height: auto;
    width: 59vw;
    object-fit: contain;
}

#mobile-certificate-black-gradient {
    background: linear-gradient(transparent 50%, black 80%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

@keyframes certificateTextContainer {
    from {
        transform: translateY(-80px);
        opacity: 0;
    }
    to {
        transform: translateY(0px);
        opacity: 1;
    }
}

#mobile-certificate-text-container {
    background-color: white;
    position: absolute;
    border-radius: 20px;
    left: 10px;
    bottom: 10px;
    display: flex;
    align-items: center;
    line-height: initial;
    width: calc(100% - 20px);
    padding: 15px;
    box-sizing: border-box;
    font-size: 3.2vw;
    opacity: 0;
    animation: certificateTextContainer 1.5s ease forwards;
}

#mobile-certificate-text-container img {
    width: 25px;
    height: 40px;
    margin-right: 12px;
}

@keyframes mobileWhiteLinesAnimation {
    from {
        transform: translateX(0vw);
    }
    to {
        transform: translateX(2vw);
    }
}

.mobile-white-lines {
    width: 200vw;
    height: 120vw;
    position: absolute;
    left: -50vw;
    bottom: -14vw;
    z-index: 1;
    object-fit: contain;
    opacity: 0.6;
}

@media screen and (max-width: 1100px) {

    #mobile-pattern {
        margin-top: -7vw;
    }

    #mobile-multicolored-powder {
        width: 160vw;
        top: -20vw;
        left: -40vw;
    }

}

@media screen and (max-width: 1000px) {

    #mobile-applications {
        padding: 0;
    }

    #mobile-contact a div {
        font-size: 3vw;
    }

}

@media screen and (max-width: 900px) {

    #mobile-waigeo-container div {
        margin-bottom: 7%;
    }

    .mobile-contact-us-btn {
        font-size: calc(12px + 1vw);
    }

    #mobile-pattern {
        margin-top: -8.5vw;
    }

    #mobile-multicolored-powder {
        width: 200vw;
        left: -60vw;
        top: -26vw;
    }

    #mobile-contact > div:last-child {
        font-size: 2.5vw;
    }

    #mobile-contact a div {
        font-size: 3.25vw;
    }

}

@media screen and (max-width: 850px) {

    #mobile-notre-solution-subcontainer {
        transform: scale(0.925);
        margin: -2vw 0;
    }

}

@media screen and (max-width: 800px) {

    #mobile-pattern {
        margin-top: -10vw;
    }

    #gray-mobile-container .mobile-title {
        font-size: 5vw;
    }

    #mobile-contact > div:last-child {
        font-size: 2.75vw;
    }

    #mobile-contact a div {
        font-size: 3.5vw;
    }

    #mobile-notre-solution-subcontainer {
        transform: scale(0.85);
        margin: -3vw 0;
    }

}

@media screen and (max-width: 750px) {

    #mobile-notre-solution-subcontainer {
        transform: scale(0.8);
        left: -30px;
    }

}

@media screen and (max-width: 700px) {

    #mobile-pattern {
        margin-top: -11vw;
    }

    .mobile-container {
        flex-direction: column !important;
        align-items: initial;
        margin: 0 !important;
    }

    .mobile-circle-images, .mobile-features {
        transform: scale(0.6);
        margin-left: 0 !important;
    }

    #mobile-container-1 .mobile-circle-images {
        margin-top: -18vw;
        margin-bottom: -17vw;
    }

    #mobile-container-2 .mobile-circle-images {
        margin-top: -20vw;
        margin-bottom: -20vw;
    }

    #mobile-container-3 .mobile-circle-images {
        margin-top: -20vw;
        margin-bottom: -21vw;
    }

    #mobile-container-4 .mobile-circle-images {
        margin-top: -20vw;
        margin-bottom: -26vw;
    }

    #mobile-container-4 {
        margin-bottom: 18vw !important;
    }

    .mobile-features {
        transform: scale(1);
        margin-left: 0 !important;
    }

    .mobile-feature {
        width: auto;
        font-size: 15px;
    }

    .mobile-feature > div:first-child {
        width: 9.5vw;
        height: 9.5vw;
        margin-right: 18px;
    }

    #mobile-electronic-signature {
        left: 0;
    }

    #mobile-arrow-1 {
        left: 22vw;
    }

    #mobile-parent-and-baby {
        left: 0;
    }

    #mobile-arrow-2 {
        left: 18vw;
    }

    #mobile-multicolored-powder {
        width: 240vw;
        left: -80vw;
        top: -26vw;
    }

    #mobile-contact > div:last-child {
        font-size: 16px;
    }

    #mobile-contact > div:last-child {
        font-size: 3vw;
    }

    #mobile-contact a div {
        font-size: 4vw;
    }

    #mobile-certificate-container {
        left: 0;
    }

    .mobile-title {
        font-size: 4vw;
        padding: 0 100px;
    }

    #mobile-notre-solution-subcontainer {
        transform: scale(0.75);
        margin: -4vw 0;
    }

    #mobile-blue-wave {
        margin-top: 10px;
    }

}

@media screen and (max-width: 650px) {

    #mobile-pattern {
        margin-top: -12vw;
    }

    #mobile-contact > div:last-child {
        font-size: 3.25vw;
    }

    #mobile-contact a div {
        font-size: 4.25vw;
    }

    #mobile-notre-solution-subcontainer {
        transform: scale(0.7);
        margin: -7vw 0;
    }

}

@media screen and (max-width: 600px) {

    #mobile-mybabiz-logo {
        margin-bottom: 20px;
    }

    #mobile-pattern {
        margin-top: -9vw;
        width: 400vw;
    }

    .mobile-circle-images {
        transform: scale(0.7);
    }

    #mobile-container-1 .mobile-circle-images {
        margin-top: -14vw;
        margin-bottom: -12vw;
    }

    #mobile-container-2 .mobile-circle-images {
        margin-top: -14vw;
        margin-bottom: -15vw;
    }

    #mobile-container-3 .mobile-circle-images {
        margin-top: -18vw;
        margin-bottom: -16vw;
    }

    #mobile-container-4 .mobile-circle-images {
        margin-top: -18vw;
        margin-bottom: -21vw;
    }

    #last-mobile-application {
        font-size: 18px;
    }

    #mobile-contact > div:last-child {
        font-size: 3.5vw;
    }

    #mobile-contact a div {
        font-size: 4.5vw;
    }

    .mobile-title {
        font-size: 5vw;
        padding: 0 70px;
    }

    #mobile-notre-solution-subcontainer {
        transform: scale(0.65);
        left: -25px;
        margin: -10vw 0;
    }

}

@media screen and (max-width: 550px) {

    #last-mobile-application {
        font-size: 17px;
    }

    #mobile-notre-solution-subcontainer {
        transform: scale(0.6);
        margin: -12vw 0;
    }

}

@media screen and (max-width: 500px) {

    #mobile-slide-contact {
        flex-direction: column-reverse;
        align-items: center;
        font-size: 16px;
        padding-top: 10px;
    }

    #mobile-slide-contact-info > *:first-child {
        margin-right: 20px;
    }

    .contact-vertical-bar {
        display: none;
    }

    #mobile-social-networks-btn {
        margin-top: 8px;
        padding-bottom: 10px;
    }

    #mobile-social-networks-btn a svg {
        width: 30px;
        height: 30px;
    }

    #mobile-waigeo-container img {
        min-width: auto;
        width: 100px;
    }

    #mobile-waigeo-container div {
        margin-bottom: 13px;
    }

    .mobile-contact-us-btn {
        padding: 12px 16px 10px 16px;
        font-size: 20px;
    }

    #mobile-pattern {
        margin-top: -10vw;
        width: 450vw;
    }

    #mobile-multicolored-powder {
        top: -26vw;
    }

    .mobile-circle-images, .mobile-features {
        transform: scale(1);
    }

    .mobile-circle-images {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    #mobile-container-4 .mobile-circle-images {
        margin-bottom: 8px !important;
    }

    #mobile-container-1 .mobile-circle-images {
        margin-bottom: 35px !important;
    }

    #mobile-multicolored-powder {
        width: 280vw;
        left: -100vw;
        top: -26vw;
    }

    .mobile-application {
        width: 88vw;
        flex-direction: row;
        text-align: left;
        height: fit-content;
        max-width: initial;
    }

    .mobile-application img {
        height: 100%;
        width: 25vw;
        margin-right: 20px;
        margin-bottom: 0;
    }

    #gray-mobile-container .mobile-title {
        font-size: 6vw;
    }

    #last-mobile-application {
        font-size: 16px;
    }

    #mobile-applications {
        margin-top: 10vw;
    }

    #mobile-contact a div {
        margin-top: 15px;
        font-size: 5.5vw;
    }

    #mobile-contact > div:last-child {
        font-size: 16px;
    }

    .mobile-feature > div:first-child svg {
        width: 6vw;
        height: 6vw;
    }

    .mobile-feature > div:first-child {
        width: 12vw;
        height: 12vw;
    }

    #mobile-certificate-container {
        margin-bottom: 16vw;
    }

    #mobile-myperischool-logo {
        margin-bottom: 0;
    }

    .mobile-title {
        font-size: 6vw;
        padding: 0 30px;
    }

    #mobile-notre-solution-subcontainer {
        transform: scale(0.54);
        margin: -16vw 0;
    }

}

@media screen and (max-width: 450px) {

    #mobile-multicolored-powder {
        top: -22vw;
    }

    #mobile-notre-solution-subcontainer {
        transform: scale(0.50);
        margin: -20vw 0;
        left: -22px;
    }

}

@media screen and (max-width: 425px) {

    #mobile-notre-solution-subcontainer {
        transform: scale(0.47);
        margin: -22vw 0;
        left: -20px;
    }

}

@media screen and (max-width: 400px) {

    #mobile-applications {
        margin-top: 0vw;
    }

    #mobile-multicolored-powder {
        top: -12vw;
    }

    #mobile-notre-solution-subcontainer {
        transform: scale(0.45);
        margin: -24vw 0;
    }

}

@media screen and (max-width: 390px) {

    #mobile-notre-solution-subcontainer {
        transform: scale(0.44);
        margin: -25vw 0;
    }

}

@media screen and (max-width: 380px) {

    #mobile-notre-solution-subcontainer {
        transform: scale(0.43);
        margin: -26vw 0;
    }

}

@media screen and (max-width: 370px) {

    #mobile-notre-solution-subcontainer {
        transform: scale(0.42);
        margin: -27vw 0;
    }

}

@media screen and (max-width: 360px) {

    #mobile-slide-contact {
        font-size: 15px;
    }

    #mobile-brochure-download-button div {
        font-size: 13px;
    }

    .mobile-application {
        font-size: 13px;
    }

    .mobile-application img {
        margin-right: 15px;
    }

    #mobile-notre-solution-subcontainer {
        transform: scale(0.4);
        margin: -28vw 0;
    }
}