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

    .index-welcome-text {
        padding: 10rem 5rem;
        gap: 10%;
    }

    .popular-services-box-container {
        flex-direction: column;
        align-items: center;
        width: 85%;
        margin-top: 4rem;
        gap: 1%;
    }

    .popular-services-box:nth-child(2) {
        transform: translateY(0rem);
    }

    .popular-services-box {
        width: 50%;
        margin-bottom: 4rem;
    }

    .business-video-container {
        padding: 10rem 4rem;
    }

    .meeting-date-left {
        width: 40%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .meeting-date-right {
        width: 60%;
    }

    .meeting-date-left-informations h1 {
        font-size: 4rem;
    }

    .meeting-date-left-informations {
        width: 70%;
    }

    .gallery-box {
        width: 32%;
        padding: 1rem;
        margin-top: 5rem;
    }

    .about-us-content {
        flex-direction: column;
        align-items: center;
    }

    .about-us-content-left {
        width: 95%;
    }

    .about-us-content-right {
        width: 95%;
    }

    .about-us-content-right h1 {
        text-align: center;
        margin-top: 2rem;
    }

    .about-us-content-right p {
        text-align: center;
    }

    .our-services-top {
        flex-direction: column;
    }

    .our-services-top-left {
        order: 2;
        width: 100%;
        margin-top: 2rem;
    }

    .our-services-top-right {
        order: 1;
        width: 100%;
    }

    .service-box {
        width: 48%;
    }

    .contact-content {
        flex-direction: column;
    }

    .contact-content-left {
        width: 100%;
        position: static;
    }

    .contact-content-right {
        width: 100%;
        margin-top: 5rem;
    }

    .contact-content-right-explain iframe {
        width: 100%;
        height: 25rem;
        margin-top: 2rem;
    }

    .contact-content-right-explain h2 {
        font-size: 2.1rem;
    }
    
    .contact-content-right-explain p {
        font-size: 1.4rem;
    }

    .contact-content-right-explain-options a {
        font-size: 1.4rem;
    }

    .footer-top {
        flex-direction: column;
        align-items: center;
    }

    .footer-left {
        order: 2;
        align-self: center;
        text-align: center;
        width: 100%;
        margin-top: 5rem;
    }

    .footer-right {
        display: flex;
        order: 3;
        align-self: center;
        justify-self: center;
        width: 100%;
    }

    .footer-right h2 {
        width: 100%;
        text-align: center;
        margin-top: 5rem;
    }

    .footer-right p {
        width: 100%;
        text-align: center !important;
    }

    .footer-center img {
        transform: translateY(-4rem);
    }

    .footer-center p {
        transform: translateY(-3rem);
    }

    .footer-bottom-center h3 {
        text-align: center;
    }

    .footer-bottom {
        flex-direction: column;
        align-items: center;
    }

    .footer-bottom-left {
        width: 100%;
        justify-content: center;
    }

    .footer-bottom-right {
        width: 100%;
        justify-content: center;
        margin-bottom: 3rem;
    }

    .footer-bottom-center {
        width: 100%;
        margin-top: 0;
    }
  }


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

    .nav-main-sticky-container {
        display: none;
    }

    .mobile-nav-main-container {
        display: block;
    }

    .index-welcome-text {
        flex-direction: column;
        width: 100%;
    }

    .index-welcome-left {
        width: 100%;
        text-align: center;
    }

    .index-welcome-right {
        width: 100%;
    }

    .index-welcome-right a {
        width: 100%;
        text-align: center;
        margin-top: 3rem;
    }

    .popular-services-title h1 {
        font-size: 3rem;
    }

    .popular-services-box {
        width: 80%;
    }

    .nav-main-container nav {
        display: none;
    }

    .business-video-box {
        flex-direction: column;
    }

    .business-video-box-left {width: 100%;}
    .business-video-box-right {
        width: 100%;
        margin-top: 2rem;
    }

    .meeting-date-container {
        flex-direction: column;
        
    }

    .meeting-date-right {width: 100%;
        transform: translateY(0px) !important;
    }
    .meeting-date-left {
        width: 100%;
        padding: 0;
        margin-bottom: 4rem;
    }

    .meeting-date-right-form {
        width: 80%;
    }

    .web-gallery-container {
        padding: 5rem 0;
    }

    .meeting-date-left-informations {
        width: 85%;
    }

    .gallery-box {
        width: 49%;
    }

    footer {
        padding: 10rem 0 0 0 ;
        text-align: center;
    }

    .footer-center {
        width: 80%;
    }

    .footer-left {
        width: 80%;
    }

    .foooter-right {
        width: 80%;
    }

    .about-us-main {
        width: 100%;
    }

    .our-services-top {
        margin-top: 15rem;
        width: 90%;
    }
    
    .our-services-top-right img {
        height: 30rem;
    }

    .our-services-top-left h1 {
        font-size: 2.8rem;
    }

    .our-services-content {
        width: 90%;
    }

    .service-box {
        width: 100%;
    }

    .services-detail-title {
        flex-direction: column;
        width: 100%;
        margin-top: 10rem;
    }

    .services-detail-title h1 {
        width: 85%;
        font-size: 6rem;
    }

    .services-detail-explain-right {
        width: 85%;
        margin-top: 5rem;
        padding: .3rem;
    }

    .services-extra-informations-container-sss-image-container {
        width: 49%;
    }
    
    .services-extra-informations-container-sss-image-container img {
        height: 20rem;
    }

    .contact-top {
        width: 85%;
    }

    .contact-top h1 {
        text-align: center;
    }

    .contact-content {width: 85%;}

  }